codevdesign 2.0.21 → 2.0.23

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/assets/csqc.css +1 -1
  2. package/package.json +1 -1
  3. package/plugins/vuetify.ts +161 -158
package/assets/csqc.css CHANGED
@@ -11,7 +11,7 @@
11
11
  /* Fond gris dans les marges latérales au-delà du conteneur */
12
12
  .v-main,
13
13
  .barre-footer {
14
- background-color: rgb(var(--v-theme-surface));
14
+ background-color: rgb(var(--v-theme-grisPale));
15
15
  }
16
16
 
17
17
  .v-main {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "codevdesign",
3
- "version": "2.0.21",
3
+ "version": "2.0.23",
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, met du gris partout... fatigant
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
+ }