@maggioli-design-system/mds-tab 4.1.0 → 4.2.0
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.
- package/dist/collection/dictionary/variant.js +9 -1
- package/dist/documentation.json +1 -1
- package/dist/stats.json +1 -1
- package/dist/types/dictionary/variant.d.ts +2 -1
- package/dist/types/type/variant.d.ts +1 -0
- package/documentation.json +1 -1
- package/package.json +3 -3
- package/src/dictionary/variant.ts +10 -0
- package/src/fixtures/icons.json +11 -0
- package/src/fixtures/iconsauce.json +11 -0
- package/src/type/variant.ts +9 -0
|
@@ -53,6 +53,14 @@ const toneVariantDictionary = [
|
|
|
53
53
|
'ghost',
|
|
54
54
|
'quiet',
|
|
55
55
|
];
|
|
56
|
+
const toneActionVariantDictionary = [
|
|
57
|
+
'primary',
|
|
58
|
+
'secondary',
|
|
59
|
+
'tertiary',
|
|
60
|
+
'strong',
|
|
61
|
+
'weak',
|
|
62
|
+
'quiet',
|
|
63
|
+
];
|
|
56
64
|
const toneSimpleVariantDictionary = [
|
|
57
65
|
'strong',
|
|
58
66
|
'weak',
|
|
@@ -62,4 +70,4 @@ const toneMinimalVariantDictionary = [
|
|
|
62
70
|
'strong',
|
|
63
71
|
'weak',
|
|
64
72
|
];
|
|
65
|
-
export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
|
|
73
|
+
export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
|
package/dist/documentation.json
CHANGED
package/dist/stats.json
CHANGED
|
@@ -4,6 +4,7 @@ declare const themeStatusVariantDictionary: string[];
|
|
|
4
4
|
declare const themeFullVariantDictionary: string[];
|
|
5
5
|
declare const themeLabelVariantDictionary: string[];
|
|
6
6
|
declare const toneVariantDictionary: string[];
|
|
7
|
+
declare const toneActionVariantDictionary: string[];
|
|
7
8
|
declare const toneSimpleVariantDictionary: string[];
|
|
8
9
|
declare const toneMinimalVariantDictionary: string[];
|
|
9
|
-
export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
|
|
10
|
+
export { themeFullVariantDictionary, themeLabelVariantDictionary, themeLuminanceVariantDictionary, themeStatusVariantDictionary, themeVariantDictionary, toneActionVariantDictionary, toneMinimalVariantDictionary, toneSimpleVariantDictionary, toneVariantDictionary, };
|
|
@@ -5,6 +5,7 @@ export type ThemeLuminanceVariantType = 'dark' | 'light';
|
|
|
5
5
|
export type LabelVariantType = 'amaranth' | 'aqua' | 'blue' | 'green' | 'lime' | 'orange' | 'orchid' | 'sky' | 'violet' | 'yellow';
|
|
6
6
|
export type ActionVariantType = 'primary' | 'dark' | 'light';
|
|
7
7
|
export type StateVariantType = 'disabled' | 'focused' | 'readonly';
|
|
8
|
+
export type ToneActionVariantType = 'primary' | 'secondary' | 'tertiary' | 'strong' | 'weak' | 'ghost' | 'quiet';
|
|
8
9
|
export type ToneVariantType = 'strong' | 'weak' | 'ghost' | 'quiet';
|
|
9
10
|
export type ToneSimpleVariantType = 'strong' | 'weak' | 'quiet';
|
|
10
11
|
export type ToneMinimalVariantType = 'strong' | 'weak';
|
package/documentation.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/mds-tab",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.2.0",
|
|
4
4
|
"description": "mds-tab is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
"test": "stencil test --spec --e2e"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"@maggioli-design-system/mds-tab-item": "^4.
|
|
28
|
-
"@maggioli-design-system/styles": "^11.
|
|
27
|
+
"@maggioli-design-system/mds-tab-item": "^4.2.0",
|
|
28
|
+
"@maggioli-design-system/styles": "^11.5.0",
|
|
29
29
|
"@stencil/core": "^2.22.3"
|
|
30
30
|
},
|
|
31
31
|
"license": "MIT",
|
|
@@ -59,6 +59,15 @@ const toneVariantDictionary = [
|
|
|
59
59
|
'quiet',
|
|
60
60
|
]
|
|
61
61
|
|
|
62
|
+
const toneActionVariantDictionary = [
|
|
63
|
+
'primary',
|
|
64
|
+
'secondary',
|
|
65
|
+
'tertiary',
|
|
66
|
+
'strong',
|
|
67
|
+
'weak',
|
|
68
|
+
'quiet',
|
|
69
|
+
]
|
|
70
|
+
|
|
62
71
|
const toneSimpleVariantDictionary = [
|
|
63
72
|
'strong',
|
|
64
73
|
'weak',
|
|
@@ -76,6 +85,7 @@ export {
|
|
|
76
85
|
themeLuminanceVariantDictionary,
|
|
77
86
|
themeStatusVariantDictionary,
|
|
78
87
|
themeVariantDictionary,
|
|
88
|
+
toneActionVariantDictionary,
|
|
79
89
|
toneMinimalVariantDictionary,
|
|
80
90
|
toneSimpleVariantDictionary,
|
|
81
91
|
toneVariantDictionary,
|
package/src/fixtures/icons.json
CHANGED
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
"mgg/calendar-euro",
|
|
34
34
|
"mgg/calendar-multiple",
|
|
35
35
|
"mgg/calendar-schedule",
|
|
36
|
+
"mgg/cancelled-sheet",
|
|
36
37
|
"mgg/car-license",
|
|
37
38
|
"mgg/card-stamping",
|
|
38
39
|
"mgg/checklist",
|
|
@@ -40,6 +41,7 @@
|
|
|
40
41
|
"mgg/citizenship",
|
|
41
42
|
"mgg/city-bin",
|
|
42
43
|
"mgg/copy-paste",
|
|
44
|
+
"mgg/d-instrumental-buildings",
|
|
43
45
|
"mgg/data-analytics-alt",
|
|
44
46
|
"mgg/data-analytics-search",
|
|
45
47
|
"mgg/data-analytics-time",
|
|
@@ -50,6 +52,7 @@
|
|
|
50
52
|
"mgg/data-end-civil-union",
|
|
51
53
|
"mgg/data-end-marriage",
|
|
52
54
|
"mgg/dataset",
|
|
55
|
+
"mgg/delivered-to-the-recipient",
|
|
53
56
|
"mgg/document-magic",
|
|
54
57
|
"mgg/document-rename",
|
|
55
58
|
"mgg/electronic-document",
|
|
@@ -78,6 +81,7 @@
|
|
|
78
81
|
"mgg/finance-euro-cashback",
|
|
79
82
|
"mgg/fit-horizontal",
|
|
80
83
|
"mgg/fit-vertical",
|
|
84
|
+
"mgg/forwarded-with-a-single-sending",
|
|
81
85
|
"mgg/fullscreen-on-alt",
|
|
82
86
|
"mgg/google-check-small",
|
|
83
87
|
"mgg/google-place-item",
|
|
@@ -91,6 +95,7 @@
|
|
|
91
95
|
"mgg/input-calendar-costs",
|
|
92
96
|
"mgg/input-calendar-period",
|
|
93
97
|
"mgg/input-calendar-time",
|
|
98
|
+
"mgg/instrumental-buildings",
|
|
94
99
|
"mgg/isbn",
|
|
95
100
|
"mgg/judge-hammer",
|
|
96
101
|
"mgg/land-registry",
|
|
@@ -112,6 +117,8 @@
|
|
|
112
117
|
"mgg/multiple-payments",
|
|
113
118
|
"mgg/national-document",
|
|
114
119
|
"mgg/national-document-off",
|
|
120
|
+
"mgg/not-instrumental-d-buildings",
|
|
121
|
+
"mgg/not-sent-yet",
|
|
115
122
|
"mgg/order-return-down-left-to-right",
|
|
116
123
|
"mgg/order-return-down-left-to-up",
|
|
117
124
|
"mgg/order-return-down-right-to-left",
|
|
@@ -130,8 +137,10 @@
|
|
|
130
137
|
"mgg/order-zigzag-up-right-to-left",
|
|
131
138
|
"mgg/other-properties",
|
|
132
139
|
"mgg/other-properties-off",
|
|
140
|
+
"mgg/other-residential-buildings",
|
|
133
141
|
"mgg/partial-wall",
|
|
134
142
|
"mgg/payment-settings",
|
|
143
|
+
"mgg/pec-sent-to-the-not-pec-recipient",
|
|
135
144
|
"mgg/places-green",
|
|
136
145
|
"mgg/places-green-doc",
|
|
137
146
|
"mgg/places-green-history",
|
|
@@ -149,6 +158,7 @@
|
|
|
149
158
|
"mgg/rurale",
|
|
150
159
|
"mgg/search-maggioli",
|
|
151
160
|
"mgg/send-progress",
|
|
161
|
+
"mgg/sending-error",
|
|
152
162
|
"mgg/settings-attachment",
|
|
153
163
|
"mgg/sign-shop",
|
|
154
164
|
"mgg/square-viewfinder",
|
|
@@ -174,6 +184,7 @@
|
|
|
174
184
|
"mgg/todo-suspended",
|
|
175
185
|
"mgg/traffic-cone",
|
|
176
186
|
"mgg/trending-down",
|
|
187
|
+
"mgg/tribute",
|
|
177
188
|
"mgg/tributes",
|
|
178
189
|
"mgg/urban-city",
|
|
179
190
|
"mgg/user-dead",
|
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
"mgg/calendar-euro",
|
|
23
23
|
"mgg/calendar-multiple",
|
|
24
24
|
"mgg/calendar-schedule",
|
|
25
|
+
"mgg/cancelled-sheet",
|
|
25
26
|
"mgg/car-license",
|
|
26
27
|
"mgg/card-stamping",
|
|
27
28
|
"mgg/checklist-settings",
|
|
@@ -29,6 +30,7 @@
|
|
|
29
30
|
"mgg/citizenship",
|
|
30
31
|
"mgg/city-bin",
|
|
31
32
|
"mgg/copy-paste",
|
|
33
|
+
"mgg/d-instrumental-buildings",
|
|
32
34
|
"mgg/data-analytics-alt",
|
|
33
35
|
"mgg/data-analytics-search",
|
|
34
36
|
"mgg/data-analytics-time",
|
|
@@ -39,6 +41,7 @@
|
|
|
39
41
|
"mgg/data-end-civil-union",
|
|
40
42
|
"mgg/data-end-marriage",
|
|
41
43
|
"mgg/dataset",
|
|
44
|
+
"mgg/delivered-to-the-recipient",
|
|
42
45
|
"mgg/document-magic",
|
|
43
46
|
"mgg/document-rename",
|
|
44
47
|
"mgg/electronic-document",
|
|
@@ -67,6 +70,7 @@
|
|
|
67
70
|
"mgg/finance-euro-cashback",
|
|
68
71
|
"mgg/fit-horizontal",
|
|
69
72
|
"mgg/fit-vertical",
|
|
73
|
+
"mgg/forwarded-with-a-single-sending",
|
|
70
74
|
"mgg/fullscreen-on-alt",
|
|
71
75
|
"mgg/google-check-small",
|
|
72
76
|
"mgg/google-place-item",
|
|
@@ -80,6 +84,7 @@
|
|
|
80
84
|
"mgg/input-calendar-costs",
|
|
81
85
|
"mgg/input-calendar-period",
|
|
82
86
|
"mgg/input-calendar-time",
|
|
87
|
+
"mgg/instrumental-buildings",
|
|
83
88
|
"mgg/isbn",
|
|
84
89
|
"mgg/judge-hammer",
|
|
85
90
|
"mgg/land-registry",
|
|
@@ -101,6 +106,8 @@
|
|
|
101
106
|
"mgg/multiple-payments",
|
|
102
107
|
"mgg/national-document-off",
|
|
103
108
|
"mgg/national-document",
|
|
109
|
+
"mgg/not-instrumental-d-buildings",
|
|
110
|
+
"mgg/not-sent-yet",
|
|
104
111
|
"mgg/order-return-down-left-to-right",
|
|
105
112
|
"mgg/order-return-down-left-to-up",
|
|
106
113
|
"mgg/order-return-down-right-to-left",
|
|
@@ -119,8 +126,10 @@
|
|
|
119
126
|
"mgg/order-zigzag-up-right-to-left",
|
|
120
127
|
"mgg/other-properties-off",
|
|
121
128
|
"mgg/other-properties",
|
|
129
|
+
"mgg/other-residential-buildings",
|
|
122
130
|
"mgg/partial-wall",
|
|
123
131
|
"mgg/payment-settings",
|
|
132
|
+
"mgg/pec-sent-to-the-not-pec-recipient",
|
|
124
133
|
"mgg/places-green-doc",
|
|
125
134
|
"mgg/places-green-history",
|
|
126
135
|
"mgg/places-green-info",
|
|
@@ -138,6 +147,7 @@
|
|
|
138
147
|
"mgg/rurale",
|
|
139
148
|
"mgg/search-maggioli",
|
|
140
149
|
"mgg/send-progress",
|
|
150
|
+
"mgg/sending-error",
|
|
141
151
|
"mgg/settings-attachment",
|
|
142
152
|
"mgg/sign-shop",
|
|
143
153
|
"mgg/square-viewfinder",
|
|
@@ -163,6 +173,7 @@
|
|
|
163
173
|
"mgg/todo",
|
|
164
174
|
"mgg/traffic-cone",
|
|
165
175
|
"mgg/trending-down",
|
|
176
|
+
"mgg/tribute",
|
|
166
177
|
"mgg/tributes",
|
|
167
178
|
"mgg/urban-city",
|
|
168
179
|
"mgg/user-dead",
|
package/src/type/variant.ts
CHANGED
|
@@ -57,6 +57,15 @@ export type StateVariantType =
|
|
|
57
57
|
| 'focused'
|
|
58
58
|
| 'readonly'
|
|
59
59
|
|
|
60
|
+
export type ToneActionVariantType =
|
|
61
|
+
| 'primary' // background strong
|
|
62
|
+
| 'secondary' // background weak
|
|
63
|
+
| 'tertiary' // no background, no border
|
|
64
|
+
| 'strong' // background strong
|
|
65
|
+
| 'weak' // background weak
|
|
66
|
+
| 'ghost' // bordered
|
|
67
|
+
| 'quiet' // no background, no border
|
|
68
|
+
|
|
60
69
|
export type ToneVariantType =
|
|
61
70
|
| 'strong' // background strong
|
|
62
71
|
| 'weak' // background weak
|