bonkers-ui 1.0.48 → 1.0.50

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 (6) hide show
  1. package/.github/workflows/deploy.yaml +1 -1
  2. package/package.json +27 -29
  3. package/src/components/ui-card-result/ui-card-result.vue +4 -0
  4. package/src/components/ui-input/ui-input.vue +1 -1
  5. package/src/components/ui-modal/ui-modal.stories.ts +1 -0
  6. package/src/components/ui-modal/ui-modal.vue +9 -4
package/.github/workflows/deploy.yaml CHANGED
@@ -24,5 +24,5 @@ jobs:
24
24
  - run: yarn test
25
25
  - run: node publish.js
26
26
  env:
27
- GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
27
+ GITHUB_TOKEN: ${{ secrets.PERSONAL_SECRET_TOKEN }}
28
28
  NPM_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bonkers-ui",
3
- "version": "v1.0.48",
3
+ "version": "v1.0.50",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "storybook": "storybook dev -p 6006",
@@ -19,48 +19,46 @@
19
19
  "@fortawesome/free-regular-svg-icons": "^6.4.0",
20
20
  "@fortawesome/free-solid-svg-icons": "^6.4.0",
21
21
  "@fortawesome/vue-fontawesome": "^3.0.3",
22
- "bent": "^7.3.12",
23
- "simple-git": "^3.18.0",
24
22
  "storybook-addon-designs": "^6.3.1",
25
23
  "vue": "^3.2.47",
26
24
  "vue-router": "^4.1.6"
27
25
  },
28
26
  "devDependencies": {
29
- "@storybook/addon-essentials": "^7.0.4",
30
- "@storybook/addon-links": "^7.0.4",
31
- "@storybook/addon-mdx-gfm": "^7.0.4",
32
- "@storybook/vue3": "^7.0.4",
33
- "@storybook/vue3-vite": "^7.0.4",
34
- "@typescript-eslint/eslint-plugin": "^5.58.0",
35
- "@typescript-eslint/parser": "^5.58.0",
36
- "@vitejs/plugin-vue": "^4.1.0",
37
- "@vue/eslint-config-typescript": "^11.0.2",
27
+ "@storybook/addon-essentials": "^7.0.8",
28
+ "@storybook/addon-links": "^7.0.8",
29
+ "@storybook/addon-mdx-gfm": "^7.0.8",
30
+ "@storybook/vue3": "^7.0.8",
31
+ "@storybook/vue3-vite": "^7.0.8",
32
+ "@typescript-eslint/eslint-plugin": "^5.59.2",
33
+ "@typescript-eslint/parser": "^5.59.2",
34
+ "@vitejs/plugin-vue": "^4.2.1",
35
+ "@vue/eslint-config-typescript": "^11.0.3",
38
36
  "@vue/test-utils": "^2.3.2",
39
- "eslint": "8.38.0",
40
- "eslint-plugin-storybook": "^0.6.11",
41
- "eslint-plugin-vue": "^9.10.0",
37
+ "eslint": "8.39.0",
38
+ "eslint-plugin-storybook": "^0.6.12",
39
+ "eslint-plugin-vue": "^9.11.0",
42
40
  "gh-pages": "^5.0.0",
43
41
  "husky": "4.3.8",
44
- "jsdom": "^21.1.1",
45
- "lint-staged": "^13.2.1",
46
- "postcss": "^8.4.21",
42
+ "jsdom": "^22.0.0",
43
+ "lint-staged": "^13.2.2",
44
+ "postcss": "^8.4.23",
47
45
  "postcss-html": "^1.4.1",
48
46
  "react": "^18.2.0",
49
47
  "react-dom": "^18.2.0",
50
- "storybook": "^7.0.4",
51
- "storybook-tailwind-dark-mode": "^1.0.16",
52
- "stylelint": "^15.4.0",
53
- "stylelint-config-recommended": "^11.0.0",
48
+ "storybook": "^7.0.8",
49
+ "storybook-tailwind-dark-mode": "^1.0.22",
50
+ "stylelint": "^15.6.1",
51
+ "stylelint-config-recommended": "^12.0.0",
54
52
  "stylelint-config-recommended-vue": "^1.4.0",
55
- "stylelint-config-standard": "^32.0.0",
56
- "tailwindcss": "^3.3.1",
53
+ "stylelint-config-standard": "^33.0.0",
54
+ "tailwindcss": "^3.3.2",
57
55
  "ts-node": "^10.9.1",
58
56
  "typescript": "^5.0.4",
59
- "vite": "^4.2.1",
60
- "vitest": "^0.30.1",
61
- "vue-eslint-parser": "^9.1.1",
62
- "vue-loader": "^17.0.1",
63
- "vue-tsc": "^1.2.0"
57
+ "vite": "^4.3.4",
58
+ "vitest": "^0.31.0",
59
+ "vue-eslint-parser": "^9.2.0",
60
+ "vue-loader": "^17.1.0",
61
+ "vue-tsc": "^1.6.4"
64
62
  },
65
63
  "lint-staged": {
66
64
  "*.{ts,tsx,vue}": [
package/src/components/ui-card-result/ui-card-result.vue CHANGED
@@ -3,6 +3,7 @@
3
3
  <div
4
4
  v-if="exclusiveText"
5
5
  class="bg-primary rounded-2xl px-sm pb-lg -mb-lg"
6
+ @click="exclusiveClickAction"
6
7
  >
7
8
  <ui-typography
8
9
  class="py-xs"
@@ -39,6 +40,7 @@
39
40
  <div
40
41
  v-if="exclusiveTextBottom"
41
42
  class="bg-secondary rounded-2xl px-sm pt-lg -mt-lg"
43
+ @click="exclusiveBottomClickAction"
42
44
  >
43
45
  <ui-typography
44
46
  class="py-xs"
@@ -61,6 +63,8 @@
61
63
  header?: string;
62
64
  exclusiveText?: string;
63
65
  exclusiveTextBottom?: string;
66
+ exclusiveClickAction?: () => void;
67
+ exclusiveBottomClickAction?: () => void;
64
68
  }>();
65
69
 
66
70
  </script>
package/src/components/ui-input/ui-input.vue CHANGED
@@ -30,7 +30,7 @@
30
30
  :maxlength="maxlength"
31
31
  :minlength="minlength"
32
32
  @input="$emit('update:modelValue', ($event.target as HTMLTextAreaElement)?.value)"
33
- @focus="focusHandler"
33
+ @focus="focusHandler || (()=>undefined)"
34
34
  >
35
35
 
36
36
  <slot name="postfix-icon" />
package/src/components/ui-modal/ui-modal.stories.ts CHANGED
@@ -42,6 +42,7 @@ const Template: Story<TComponentProps> = (args) => ({
42
42
  },
43
43
  template:/*html*/`
44
44
  <ui-modal
45
+ class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
45
46
  :title="args.title"
46
47
  :modalSize="args.modalSize"
47
48
  >
package/src/components/ui-modal/ui-modal.vue CHANGED
@@ -2,10 +2,9 @@
2
2
  <div
3
3
  class="
4
4
  ui-modal
5
- absolute
6
- m-auto
7
5
  flex flex-col
8
6
  items-center
7
+ w-full
9
8
  z-10
10
9
  inset-0
11
10
  rounded-2xl
@@ -22,6 +21,7 @@
22
21
  ]"
23
22
  >
24
23
  <div
24
+ v-if="$slots.icon"
25
25
  class="mt-md mb-sm"
26
26
  >
27
27
  <slot name="icon" />
@@ -40,15 +40,20 @@
40
40
  </slot>
41
41
 
42
42
  <ui-typography
43
+ is="div"
44
+ v-if="$slots.default"
43
45
  :weight="ETextWeight.REGULAR"
44
46
  :align="ETextAlign.CENTER"
45
47
  line-height
46
- class="text-secondary mb-md"
48
+ class="w-full text-secondary mb-md overflow-y-auto"
47
49
  >
48
50
  <slot />
49
51
  </ui-typography>
50
52
 
51
- <div class="w-full mt-auto">
53
+ <div
54
+ v-if="$slots.footer"
55
+ class="w-full mt-auto"
56
+ >
52
57
  <slot name="footer" />
53
58
  </div>
54
59
  </div>