@dative-gpi/foundation-shared-components 0.0.4 → 0.0.6
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/components/FSBreadcrumbs.vue +23 -18
- package/components/FSButton.vue +138 -30
- package/components/FSCheckbox.vue +41 -26
- package/components/FSCol.vue +56 -16
- package/components/FSColor.vue +80 -0
- package/components/FSFadeOut.vue +11 -6
- package/components/FSIcon.vue +5 -3
- package/components/FSNumberField.vue +65 -0
- package/components/FSPasswordField.vue +119 -0
- package/components/FSRadio.vue +40 -26
- package/components/FSRadioGroup.vue +6 -8
- package/components/FSRow.vue +57 -17
- package/components/FSSearchField.vue +122 -0
- package/components/FSSlideGroup.vue +17 -13
- package/components/FSSpan.vue +28 -4
- package/components/FSSwitch.vue +45 -28
- package/components/FSTab.vue +36 -22
- package/components/FSTabs.vue +21 -12
- package/components/FSTag.vue +48 -31
- package/components/FSTagField.vue +152 -0
- package/components/FSTagGroup.vue +60 -0
- package/components/FSText.vue +78 -0
- package/components/FSTextField.vue +122 -13
- package/components/FSWrapGroup.vue +16 -13
- package/composables/useColors.ts +31 -39
- package/models/FSButtons.ts +111 -0
- package/models/FSTags.ts +8 -0
- package/models/FSTextFields.ts +17 -0
- package/package.json +5 -4
- package/styles/components/fs_breadcrumbs.scss +29 -11
- package/styles/components/fs_button.scss +36 -9
- package/styles/components/fs_checkbox.scss +3 -4
- package/styles/components/fs_col.scss +87 -2
- package/styles/components/fs_color.scss +5 -0
- package/styles/components/fs_icon.scss +4 -4
- package/styles/components/fs_password_field.scss +10 -0
- package/styles/components/fs_radio.scss +3 -4
- package/styles/components/fs_row.scss +86 -1
- package/styles/components/fs_span.scss +8 -3
- package/styles/components/fs_switch.scss +4 -4
- package/styles/components/fs_tabs.scss +8 -9
- package/styles/components/fs_tag.scss +8 -8
- package/styles/components/fs_tag_field.scss +10 -0
- package/styles/components/fs_text.scss +5 -0
- package/styles/components/fs_text_field.scss +46 -17
- package/styles/components/index.scss +18 -14
- package/styles/globals/fixes.scss +5 -0
- package/styles/globals/index.scss +4 -1
- package/styles/globals/overrides.scss +26 -4
- package/styles/globals/text_fonts.scss +48 -24
- package/themes/default.ts +6 -6
- package/defaults/FSButtons.ts +0 -63
package/themes/default.ts
CHANGED
|
@@ -14,11 +14,11 @@ export const DefaultTheme: ThemeDefinition = {
|
|
|
14
14
|
dark: false,
|
|
15
15
|
colors: {
|
|
16
16
|
"background": "#F9F9F9",
|
|
17
|
-
"light" : "#
|
|
18
|
-
"dark" : "#
|
|
19
|
-
"primary" : "#
|
|
20
|
-
"success" : "#
|
|
21
|
-
"warning" : "#
|
|
22
|
-
"error" : "#
|
|
17
|
+
"light" : "#E1E2E3", // hsv(216, 1, 89)
|
|
18
|
+
"dark" : "#3F4040", // hsv(211, 1, 25)
|
|
19
|
+
"primary" : "#0058E6", // hsv(217, 100, 90)
|
|
20
|
+
"success" : "#6DE038", // hsv(101, 75, 88)
|
|
21
|
+
"warning" : "#E6A52E", // hsv(39, 80, 90)
|
|
22
|
+
"error" : "#E01212" // hsv(0, 92, 88)
|
|
23
23
|
}
|
|
24
24
|
}
|
package/defaults/FSButtons.ts
DELETED
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { ColorBase } from "@dative-gpi/foundation-shared-components/themes";
|
|
2
|
-
|
|
3
|
-
import FSButton from "@dative-gpi/foundation-shared-components/components/FSButton.vue";
|
|
4
|
-
|
|
5
|
-
export const FSButtonsAliases = {
|
|
6
|
-
FSButtonSearch: FSButton,
|
|
7
|
-
FSButtonSearchMini: FSButton,
|
|
8
|
-
FSButtonRemove: FSButton,
|
|
9
|
-
FSButtonRemoveMini: FSButton,
|
|
10
|
-
FSButtonSave: FSButton,
|
|
11
|
-
FSButtonSaveMini: FSButton
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export const FSButtonsProps = {
|
|
15
|
-
FSButtonSearch: {
|
|
16
|
-
icon: "mdi-magnify",
|
|
17
|
-
label: "Search",
|
|
18
|
-
full: false,
|
|
19
|
-
color: ColorBase.Primary
|
|
20
|
-
},
|
|
21
|
-
FSButtonSearchMini: {
|
|
22
|
-
icon: "mdi-magnify",
|
|
23
|
-
label: undefined,
|
|
24
|
-
full: false,
|
|
25
|
-
color: ColorBase.Primary
|
|
26
|
-
},
|
|
27
|
-
FSButtonRemove: {
|
|
28
|
-
icon: "mdi-delete-outline",
|
|
29
|
-
label: "Remove",
|
|
30
|
-
full: false,
|
|
31
|
-
color: ColorBase.Error
|
|
32
|
-
},
|
|
33
|
-
FSButtonRemoveMini: {
|
|
34
|
-
icon: "mdi-delete-outline",
|
|
35
|
-
label: undefined,
|
|
36
|
-
full: false,
|
|
37
|
-
color: ColorBase.Error
|
|
38
|
-
},
|
|
39
|
-
FSButtonSave: {
|
|
40
|
-
icon: "mdi-content-save-outline",
|
|
41
|
-
label: "Save",
|
|
42
|
-
full: false,
|
|
43
|
-
color: ColorBase.Success
|
|
44
|
-
},
|
|
45
|
-
FSButtonSaveMini: {
|
|
46
|
-
icon: "mdi-content-save-outline",
|
|
47
|
-
label: undefined,
|
|
48
|
-
full: false,
|
|
49
|
-
color: ColorBase.Success
|
|
50
|
-
},
|
|
51
|
-
FSButtonCancel: {
|
|
52
|
-
icon: "mdi-cancel",
|
|
53
|
-
label: "Cancel",
|
|
54
|
-
full: false,
|
|
55
|
-
color: ColorBase.Light
|
|
56
|
-
},
|
|
57
|
-
FSButtonCancelMini: {
|
|
58
|
-
icon: "mdi-cancel",
|
|
59
|
-
label: undefined,
|
|
60
|
-
full: false,
|
|
61
|
-
color: ColorBase.Light
|
|
62
|
-
}
|
|
63
|
-
}
|