codevdesign 2.0.20 → 2.0.22

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 (3) hide show
  1. package/composants/csqcTable/csqcTable.vue +5 -8
  2. package/package.json +1 -1
  3. package/plugins/vuetify.ts +161 -158
package/composants/csqcTable/csqcTable.vue CHANGED
@@ -698,17 +698,14 @@
698
698
  cursor: pointer !important;
699
699
  }
700
700
 
701
- /* datatable row */
702
- .v-data-table .v-table__wrapper > table > thead > tr > td,
703
- .v-data-table .v-table__wrapper > table > thead > tr th,
704
- .v-data-table .v-table__wrapper > table tbody > tr > td,
705
- .v-data-table .v-table__wrapper > table tbody > tr th {
706
- background-color: #d3d3d375 !important;
701
+ /* datatable - couleur de fond par défaut (laisse le striped Vuetify se superposer) */
702
+ :deep(.v-data-table.v-table) {
703
+ background-color: rgb(var(--v-theme-background)) !important;
707
704
  }
708
705
 
709
706
  /* datatable header contour */
710
- .v-data-table .v-table__wrapper > table > thead > tr > th,
711
- .v-data-table .v-table__wrapper > table tbody > tr > th {
707
+ :deep(.v-data-table .v-table__wrapper > table > thead > tr > th),
708
+ :deep(.v-data-table .v-table__wrapper > table tbody > tr > th) {
712
709
  background-color: white !important;
713
710
  border-bottom: 4px #223654 solid !important;
714
711
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "codevdesign",
3
- "version": "2.0.20",
3
+ "version": "2.0.22",
4
4
  "description": "Composants Vuetify 4 pour les projets Codev",
5
5
  "files": [
6
6
  "./**/*.vue",
package/plugins/vuetify.ts CHANGED
@@ -1,158 +1,161 @@
1
- import '@mdi/font/css/materialdesignicons.css'
2
- import '@fontsource/roboto/latin.css' // Spécifie le poids 400 (normal)
3
-
4
- import 'vuetify/styles'
5
- import { createVuetify } from 'vuetify'
6
- import { VBtn } from 'vuetify/components/VBtn'
7
- import { fr, en } from 'vuetify/locale'
8
-
9
- export default createVuetify({
10
- locale: {
11
- locale: 'fr',
12
- fallback: 'en',
13
- messages: { fr, en },
14
- },
15
- aliases: {
16
- BoutonPrimaire: VBtn,
17
- BoutonSecondaire: VBtn,
18
- BoutonTertiaire: VBtn,
19
- BoutonPrimaireStandard: VBtn,
20
- BoutonSecondaireStandard: VBtn,
21
- BoutonTertiaireStandard: VBtn,
22
- },
23
- defaults: {
24
- BoutonPrimaire: {
25
- variant: 'flat',
26
- color: "primary",
27
- class: "BoutonCSQCCompact"
28
- },
29
- BoutonSecondaire: {
30
- variant: 'outlined',
31
- color: "primary",
32
- class: "BoutonCSQCCompact"
33
- },
34
- BoutonTertiaire: {
35
- variant: 'text',
36
- color: "primary",
37
- class: "BoutonCSQCCompact"
38
- },
39
- BoutonPrimaireStandard: {
40
- variant: 'flat',
41
- color: "primary",
42
- size: "x-large",
43
- class: "BoutonCSQC"
44
- },
45
- BoutonSecondaireStandard: {
46
- variant: 'outlined',
47
- color: "primary",
48
- size: "x-large",
49
- class: "BoutonCSQC"
50
- },
51
- BoutonTertiaireStandard: {
52
- variant: 'text',
53
- color: "primary",
54
- size: "x-large",
55
- class: "BoutonCSQC"
56
- },
57
- VRow: {
58
- density: 'compact',
59
- },
60
- VTextField: {
61
- variant: 'outlined',
62
- hideDetails: 'auto',
63
- density: 'compact',
64
- },
65
- VDataTable: {
66
- elevation: 4,
67
- },
68
- VSwitch: {
69
- inset: true,
70
- color: 'primary',
71
- hideDetails: 'auto',
72
- density: 'compact',
73
- },
74
- VSelect: {
75
- variant: 'outlined',
76
- hideDetails: 'auto',
77
- density: 'compact',
78
- },
79
- VTextarea: {
80
- variant: 'outlined',
81
- autoGrow: true,
82
- hideDetails: 'auto',
83
- },
84
- VNumberInput: {
85
- controlVariant: 'split',
86
- variant: 'outlined',
87
- hideDetails: 'auto',
88
- density: 'compact',
89
- decimalSeparator: ',',
90
- },
91
- VAutocomplete: {
92
- variant: 'outlined',
93
- hideDetails: 'auto',
94
- density: 'compact'
95
- }
96
- },
97
-
98
- theme: {
99
- defaultTheme: 'light',
100
- themes: {
101
- light: {
102
- //https://design.quebec.ca/design/bases/couleurs
103
- colors: {
104
- background: '#FFFFFF',
105
- surface: '#F1F1F2',// grisPale
106
- // couleurs PIV
107
- bleu: '#1472BF',
108
- bleuPiv: '#095797',
109
- bleuPale: '#DAE6F0',
110
- bleuClair: '#4A98D9',
111
- bleuMoyen: '#19406C',
112
- bleuFonce: '#223654', // couleur du texte
113
- rose: '#E58271',
114
- rosePale: '#FFDBD6',
115
- rouge: '#CB381F',
116
- rougeFonce: '#692519',
117
- gris: '#8893A2',
118
- grisPale: '#F1F1F2',
119
- grisClair: '#C5CAD2',
120
- grisMoyen: '#6B778A',
121
- grisFonce: '#4E5662',
122
- vertPale: '#D7F0BB',
123
- vert: '#4F813D',
124
- vertFonce: '#2C4024',
125
- jaune: '#E0AD03',
126
- jaunePale: '#F8E69A',
127
- jauneFonce: '#AD781C',
128
- violet: '#6B4FA1',
129
- blanc: '#FFFFFF',
130
- // variables de bases vuetify
131
- primary: '#095797',
132
- secondary: '#223654',
133
- accent: '#E58271',
134
-
135
- // si on veut overrider les couleurs de vuetify par celle exacte du piv
136
- /*error: '#CB381F',
137
- info: '#1472BF',
138
- success: '#4F813D',
139
- warning: '#E0AD03',*/
140
- },
141
- },
142
- },
143
- },
144
- })
145
-
146
- // Déclare les alias Vuetify ci-dessus (createVuetify > aliases) pour que Volar reconnaisse
147
- // les balises dans les templates (coloration, autocomplétion, vérif. des props).
148
- // Placé ici pour que l'augmentation voyage avec la définition runtime des alias.
149
- declare module 'vue' {
150
- export interface GlobalComponents {
151
- BoutonPrimaire: typeof VBtn
152
- BoutonSecondaire: typeof VBtn
153
- BoutonTertiaire: typeof VBtn
154
- BoutonPrimaireStandard: typeof VBtn
155
- BoutonSecondaireStandard: typeof VBtn
156
- BoutonTertiaireStandard: typeof VBtn
157
- }
158
- }
1
+ import '@mdi/font/css/materialdesignicons.css'
2
+ import '@fontsource/roboto/latin.css' // Spécifie le poids 400 (normal)
3
+
4
+ import 'vuetify/styles'
5
+ import { createVuetify } from 'vuetify'
6
+ import { VBtn } from 'vuetify/components/VBtn'
7
+ import { fr, en } from 'vuetify/locale'
8
+
9
+ export default createVuetify({
10
+ locale: {
11
+ locale: 'fr',
12
+ fallback: 'en',
13
+ messages: { fr, en },
14
+ },
15
+ aliases: {
16
+ BoutonPrimaire: VBtn,
17
+ BoutonSecondaire: VBtn,
18
+ BoutonTertiaire: VBtn,
19
+ BoutonPrimaireStandard: VBtn,
20
+ BoutonSecondaireStandard: VBtn,
21
+ BoutonTertiaireStandard: VBtn,
22
+ },
23
+ defaults: {
24
+ BoutonPrimaire: {
25
+ variant: 'flat',
26
+ color: "primary",
27
+ class: "BoutonCSQCCompact"
28
+ },
29
+ BoutonSecondaire: {
30
+ variant: 'outlined',
31
+ color: "primary",
32
+ class: "BoutonCSQCCompact"
33
+ },
34
+ BoutonTertiaire: {
35
+ variant: 'text',
36
+ color: "primary",
37
+ class: "BoutonCSQCCompact"
38
+ },
39
+ BoutonPrimaireStandard: {
40
+ variant: 'flat',
41
+ color: "primary",
42
+ size: "x-large",
43
+ class: "BoutonCSQC"
44
+ },
45
+ BoutonSecondaireStandard: {
46
+ variant: 'outlined',
47
+ color: "primary",
48
+ size: "x-large",
49
+ class: "BoutonCSQC"
50
+ },
51
+ BoutonTertiaireStandard: {
52
+ variant: 'text',
53
+ color: "primary",
54
+ size: "x-large",
55
+ class: "BoutonCSQC"
56
+ },
57
+ VRow: {
58
+ density: 'compact',
59
+ },
60
+ VTextField: {
61
+ variant: 'outlined',
62
+ hideDetails: 'auto',
63
+ density: 'compact',
64
+ },
65
+ VDataTable: {
66
+ elevation: 4,
67
+ },
68
+ VSwitch: {
69
+ inset: true,
70
+ color: 'primary',
71
+ hideDetails: 'auto',
72
+ density: 'compact',
73
+ },
74
+ VSelect: {
75
+ variant: 'outlined',
76
+ hideDetails: 'auto',
77
+ density: 'compact',
78
+ },
79
+ VTextarea: {
80
+ variant: 'outlined',
81
+ autoGrow: true,
82
+ hideDetails: 'auto',
83
+ },
84
+ VNumberInput: {
85
+ controlVariant: 'split',
86
+ variant: 'outlined',
87
+ hideDetails: 'auto',
88
+ density: 'compact',
89
+ decimalSeparator: ',',
90
+ },
91
+ VAutocomplete: {
92
+ variant: 'outlined',
93
+ hideDetails: 'auto',
94
+ density: 'compact'
95
+ },
96
+ VCard: {
97
+ class: "bg-background"
98
+ }
99
+ },
100
+
101
+ theme: {
102
+ defaultTheme: 'light',
103
+ themes: {
104
+ light: {
105
+ //https://design.quebec.ca/design/bases/couleurs
106
+ colors: {
107
+ background: '#FFFFFF',
108
+ surface: '#F1F1F2',// grisPale
109
+ // couleurs PIV
110
+ bleu: '#1472BF',
111
+ bleuPiv: '#095797',
112
+ bleuPale: '#DAE6F0',
113
+ bleuClair: '#4A98D9',
114
+ bleuMoyen: '#19406C',
115
+ bleuFonce: '#223654', // couleur du texte
116
+ rose: '#E58271',
117
+ rosePale: '#FFDBD6',
118
+ rouge: '#CB381F',
119
+ rougeFonce: '#692519',
120
+ gris: '#8893A2',
121
+ grisPale: '#F1F1F2',
122
+ grisClair: '#C5CAD2',
123
+ grisMoyen: '#6B778A',
124
+ grisFonce: '#4E5662',
125
+ vertPale: '#D7F0BB',
126
+ vert: '#4F813D',
127
+ vertFonce: '#2C4024',
128
+ jaune: '#E0AD03',
129
+ jaunePale: '#F8E69A',
130
+ jauneFonce: '#AD781C',
131
+ violet: '#6B4FA1',
132
+ blanc: '#FFFFFF',
133
+ // variables de bases vuetify
134
+ primary: '#095797',
135
+ secondary: '#223654',
136
+ accent: '#E58271',
137
+
138
+ // si on veut overrider les couleurs de vuetify par celle exacte du piv
139
+ /*error: '#CB381F',
140
+ info: '#1472BF',
141
+ success: '#4F813D',
142
+ warning: '#E0AD03',*/
143
+ },
144
+ },
145
+ },
146
+ },
147
+ })
148
+
149
+ // Déclare les alias Vuetify ci-dessus (createVuetify > aliases) pour que Volar reconnaisse
150
+ // les balises dans les templates (coloration, autocomplétion, vérif. des props).
151
+ // Placé ici pour que l'augmentation voyage avec la définition runtime des alias.
152
+ declare module 'vue' {
153
+ export interface GlobalComponents {
154
+ BoutonPrimaire: typeof VBtn
155
+ BoutonSecondaire: typeof VBtn
156
+ BoutonTertiaire: typeof VBtn
157
+ BoutonPrimaireStandard: typeof VBtn
158
+ BoutonSecondaireStandard: typeof VBtn
159
+ BoutonTertiaireStandard: typeof VBtn
160
+ }
161
+ }