cja-phoenix 0.0.13 → 0.0.15

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 (33) hide show
  1. package/dist/cja-phoenix.es.js +2897 -2664
  2. package/dist/style.css +1 -1
  3. package/dist/types/components/forms/FileInput.vue.d.ts +49 -0
  4. package/dist/types/components/forms/InputTitle.vue.d.ts +17 -0
  5. package/dist/types/components/forms/InputToggle.vue.d.ts +42 -0
  6. package/dist/types/components/forms/PhoneInput.vue.d.ts +56 -53
  7. package/dist/types/components/forms/SelectInput.vue.d.ts +21 -11
  8. package/dist/types/components/forms/TextInput.vue.d.ts +28 -17
  9. package/dist/types/components/index.d.ts +5 -1
  10. package/dist/types/components/structural/CollapseContainer.vue.d.ts +29 -0
  11. package/dist/types/components/structural/ContentTabs.vue.d.ts +25 -0
  12. package/dist/types/types/Tab.d.ts +4 -0
  13. package/package.json +5 -5
  14. package/src/assets/forms.scss +10 -9
  15. package/src/assets/iconia/fonts/CGG-icomoon.eot +0 -0
  16. package/src/assets/iconia/fonts/CGG-icomoon.svg +1 -1
  17. package/src/assets/iconia/fonts/CGG-icomoon.ttf +0 -0
  18. package/src/assets/iconia/fonts/CGG-icomoon.woff +0 -0
  19. package/src/assets/iconia/selection.json +1 -1
  20. package/src/assets/iconia/style.css +5 -5
  21. package/src/assets/iconia/style.scss +5 -5
  22. package/src/components/composite/ProductDetails.vue +27 -38
  23. package/src/components/forms/FileInput.vue +227 -0
  24. package/src/components/forms/InputTitle.vue +42 -0
  25. package/src/components/forms/InputToggle.vue +80 -0
  26. package/src/components/forms/PhoneInput.vue +29 -28
  27. package/src/components/forms/SelectInput.vue +27 -24
  28. package/src/components/forms/TextInput.vue +19 -11
  29. package/src/components/index.ts +9 -0
  30. package/src/components/structural/CollapseContainer.vue +115 -0
  31. package/src/components/structural/ContentTabs.vue +104 -0
  32. package/src/index.ts +0 -2
  33. package/src/types/Tab.ts +4 -0
@@ -0,0 +1,29 @@
1
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
2
+ defaultActive?: boolean | undefined;
3
+ scrollToContent?: {
4
+ element: HTMLElement;
5
+ } | undefined;
6
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
7
+ defaultActive?: boolean | undefined;
8
+ scrollToContent?: {
9
+ element: HTMLElement;
10
+ } | undefined;
11
+ }>>>, {}>, {
12
+ header: (_: {}) => any;
13
+ content: (_: {}) => any;
14
+ }>;
15
+ export default _default;
16
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
17
+ type __VLS_TypePropsToRuntimeProps<T> = {
18
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
19
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
20
+ } : {
21
+ type: import('vue').PropType<T[K]>;
22
+ required: true;
23
+ };
24
+ };
25
+ type __VLS_WithTemplateSlots<T, S> = T & {
26
+ new (): {
27
+ $slots: S;
28
+ };
29
+ };
@@ -0,0 +1,25 @@
1
+ import { Tab } from "../../types/Tab";
2
+ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
3
+ default: string;
4
+ tabs: Tab[];
5
+ }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "tab:changed"[], "tab:changed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
6
+ default: string;
7
+ tabs: Tab[];
8
+ }>>> & {
9
+ "onTab:changed"?: ((...args: any[]) => any) | undefined;
10
+ }, {}>, Record<string, (_: {}) => any>>;
11
+ export default _default;
12
+ type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
13
+ type __VLS_TypePropsToRuntimeProps<T> = {
14
+ [K in keyof T]-?: {} extends Pick<T, K> ? {
15
+ type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
16
+ } : {
17
+ type: import('vue').PropType<T[K]>;
18
+ required: true;
19
+ };
20
+ };
21
+ type __VLS_WithTemplateSlots<T, S> = T & {
22
+ new (): {
23
+ $slots: S;
24
+ };
25
+ };
@@ -0,0 +1,4 @@
1
+ export interface Tab {
2
+ label: string;
3
+ control: string;
4
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cja-phoenix",
3
- "version": "0.0.13",
3
+ "version": "0.0.15",
4
4
  "scripts": {
5
5
  "build:dev": "rimraf dist && vue-tsc && vite build -m development",
6
6
  "build:link": "rimraf dist && vue-tsc && vite build -m development && npm link",
@@ -15,9 +15,9 @@
15
15
  },
16
16
  "peerDependencies": {
17
17
  "intl-tel-input": "^17.0.15",
18
- "maska": "^1.5.0",
19
18
  "vue": "^3.2.25",
20
- "vue-tippy": "^6.0.0"
19
+ "vue-tippy": "^6.0.0",
20
+ "maska": "^2.1.7"
21
21
  },
22
22
  "devDependencies": {
23
23
  "@histoire/plugin-vue": "^0.14.2",
@@ -26,7 +26,6 @@
26
26
  "@vitejs/plugin-vue": "^2.0.0",
27
27
  "histoire": "^0.14.2",
28
28
  "intl-tel-input": "^17.0.15",
29
- "maska": "^1.5.0",
30
29
  "rimraf": "^3.0.2",
31
30
  "sass": "^1.49.7",
32
31
  "typescript": "^4.4.4",
@@ -35,7 +34,8 @@
35
34
  "vitepress": "^0.21.6",
36
35
  "vue": "^3.2.25",
37
36
  "vue-tippy": "^6.0.0",
38
- "vue-tsc": "^1.0.24"
37
+ "vue-tsc": "^1.0.24",
38
+ "maska": "^2.1.7"
39
39
  },
40
40
  "files": [
41
41
  "src",
@@ -1,14 +1,15 @@
1
1
  .form-group {
2
- .input-title {
3
- font-size: 14px;
4
- line-height: 17px;
5
- font-weight: bold;
6
- margin-bottom: 10px;
2
+ &.vertical {
3
+ display: flex;
4
+ flex-direction: column;
5
+ gap: 10px;
6
+ }
7
7
 
8
- @media screen and (min-width: 768px) {
9
- font-size: 16px;
10
- line-height: 19px;
11
- }
8
+ &.horizontal {
9
+ display: flex;
10
+ flex-direction: row;
11
+ align-items: center;
12
+ gap: 10px;
12
13
  }
13
14
 
14
15
  .input-container {
@@ -68,7 +68,7 @@
68
68
  <glyph unicode="&#xe60c;" glyph-name="caret-left" horiz-adv-x="366" d="M365.714 704v-512q0-14.857-10.857-25.714t-25.714-10.857-25.714 10.857l-256 256q-10.857 10.857-10.857 25.714t10.857 25.714l256 256q10.857 10.857 25.714 10.857t25.714-10.857 10.857-25.714z" />
69
69
  <glyph unicode="&#xe60d;" glyph-name="caret-up" horiz-adv-x="585" d="M585.143 265.143q0-14.857-10.857-25.714t-25.714-10.857h-512q-14.857 0-25.714 10.857t-10.857 25.714 10.857 25.714l256 256q10.857 10.857 25.714 10.857t25.714-10.857l256-256q10.857-10.857 10.857-25.714z" />
70
70
  <glyph unicode="&#xe60e;" glyph-name="caret-down" horiz-adv-x="585" d="M585.143 557.714q0-14.857-10.857-25.714l-256-256q-10.857-10.857-25.714-10.857t-25.714 10.857l-256 256q-10.857 10.857-10.857 25.714t10.857 25.714 25.714 10.857h512q14.857 0 25.714-10.857t10.857-25.714z" />
71
- <glyph unicode="&#xe60f;" glyph-name="help" d="M512 874.667c-235.733 0-426.667-190.933-426.667-426.667s190.933-426.667 426.667-426.667 426.667 190.933 426.667 426.667-190.933 426.667-426.667 426.667zM554.667 149.333h-85.333v85.333h85.333v-85.333zM642.773 479.787l-38.187-39.253c-30.72-30.72-49.92-56.533-49.92-120.533h-85.333v21.333c0 47.147 19.2 89.813 49.92 120.747l53.12 53.76c15.36 15.36 24.96 36.693 24.96 60.16 0 47.147-38.187 85.333-85.333 85.333s-85.333-38.187-85.333-85.333h-85.333c0 94.293 76.373 170.667 170.667 170.667s170.667-76.373 170.667-170.667c0-37.547-15.147-71.467-39.893-96.213z" />
71
+ <glyph unicode="&#xe60f;" glyph-name="help" d="M512 960c-282.879 0-512-229.119-512-512s229.119-512 512-512 512 229.119 512 512-229.119 512-512 512zM563.2 89.6h-102.4v102.4h102.4v-102.4zM668.927 486.144l-45.824-47.104c-36.864-36.864-59.904-67.84-59.904-144.639h-102.4v25.6c0 56.576 23.040 107.776 59.904 144.896l63.744 64.512c18.432 18.432 29.952 44.032 29.952 72.192 0 56.576-45.824 102.4-102.4 102.4s-102.4-45.824-102.4-102.4h-102.4c0 113.152 91.648 204.8 204.8 204.8s204.8-91.648 204.8-204.8c0-45.056-18.176-85.76-47.872-115.456z" />
72
72
  <glyph unicode="&#xe610;" glyph-name="phone-invert" d="M598.847 361.097c-94.973-95.039-205.011-185.872-248.505-142.312-62.279 62.218-100.609 116.452-237.89 6.181s-31.856-183.831 28.496-244.19c69.598-69.54 329.022-3.657 585.509 252.77 256.37 256.426 322.36 515.915 252.71 585.509-60.294 60.353-133.793 165.708-244.13 28.496s-56.098-175.613 6.181-237.89c43.377-43.559-47.401-153.534-142.372-248.565z" />
73
73
  <glyph unicode="&#xe611;" glyph-name="star" d="M1024 562.95l-353.78 51.408-158.22 320.582-158.216-320.582-353.784-51.408 256-249.538-60.432-352.352 316.432 166.358 316.432-166.358-60.434 352.352 256.002 249.538z" />
74
74
  <glyph unicode="&#xe612;" glyph-name="check" d="M896 746.667q18.333 0 30.5-12.167t12.167-30.5q0-18-12.333-30.333l-512-512q-12.333-12.333-30.333-12.333t-30.333 12.333l-256 256q-12.333 12.333-12.333 30.333 0 18.333 12.167 30.5t30.5 12.167q18 0 30.333-12.333l225.667-226 481.667 482q12.333 12.333 30.333 12.333z" />