@3squared/forge-ui-3 0.1.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/README.md +18 -0
- package/dist/esm/forge-ui-3.mjs +2818 -0
- package/dist/esm/style.css +5 -0
- package/package.json +80 -0
- package/src/styles/components/_alert.scss +4 -0
- package/src/styles/components/_badge.scss +20 -0
- package/src/styles/components/_button.scss +17 -0
- package/src/styles/components/_datepicker.scss +8 -0
- package/src/styles/components/_dialog.scss +3 -0
- package/src/styles/components/_dropdown.scss +11 -0
- package/src/styles/components/_file-uploader.scss +35 -0
- package/src/styles/components/_loader.scss +13 -0
- package/src/styles/components/_multiselect-preview.scss +9 -0
- package/src/styles/components/_multiselect.scss +305 -0
- package/src/styles/components/_stat-widget.scss +32 -0
- package/src/styles/components/_stepper.scss +27 -0
- package/src/styles/components/_table.scss +44 -0
- package/src/styles/components/_tile.scss +63 -0
- package/src/styles/components/_toast.scss +8 -0
- package/src/styles/components/_tooltip.scss +29 -0
- package/src/styles/main.scss +21 -0
- package/src/styles/utilities/_utilities.scss +23 -0
- package/src/styles/utilities/_variables.scss +58 -0
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
.bs-tooltip-end .tooltip-arrow {
|
|
2
|
+
left: calc(-1 * var(--bs-tooltip-arrow-height)) !important;
|
|
3
|
+
top: 30% !important;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.bs-tooltip-top {
|
|
7
|
+
margin-top: -4px !important;
|
|
8
|
+
|
|
9
|
+
& .tooltip-arrow {
|
|
10
|
+
bottom: calc(-1 * var(--bs-tooltip-arrow-height)) !important;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.bs-tooltip-bottom {
|
|
15
|
+
margin-top: 4px !important;
|
|
16
|
+
|
|
17
|
+
& .tooltip-arrow {
|
|
18
|
+
top: calc(-1 * var(--bs-tooltip-arrow-height)) !important;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.bs-tooltip-start {
|
|
23
|
+
margin-left: -0.25rem !important;
|
|
24
|
+
|
|
25
|
+
& .tooltip-arrow {
|
|
26
|
+
top: 30% !important;
|
|
27
|
+
right: calc(-1 * var(--bs-tooltip-arrow-height)) !important;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
@import 'utilities/_variables';
|
|
2
|
+
@import 'utilities/_utilities';
|
|
3
|
+
|
|
4
|
+
@import 'components/_alert';
|
|
5
|
+
@import 'components/_badge';
|
|
6
|
+
@import 'components/_button';
|
|
7
|
+
@import 'components/_datepicker';
|
|
8
|
+
@import 'components/_dialog';
|
|
9
|
+
@import 'components/_dropdown';
|
|
10
|
+
@import 'components/_file-uploader.scss';
|
|
11
|
+
@import 'components/_loader';
|
|
12
|
+
@import 'components/_multiselect';
|
|
13
|
+
@import 'components/_multiselect-preview';
|
|
14
|
+
@import 'components/_stat-widget';
|
|
15
|
+
@import 'components/_stepper';
|
|
16
|
+
@import 'components/_table';
|
|
17
|
+
@import 'components/_tooltip';
|
|
18
|
+
@import 'components/_toast';
|
|
19
|
+
@import 'components/_tile';
|
|
20
|
+
|
|
21
|
+
@import 'bootstrap/scss/bootstrap';
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
.cursor-pointer {
|
|
2
|
+
cursor: pointer;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.cursor-resize {
|
|
6
|
+
cursor: col-resize;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.cursor-move {
|
|
10
|
+
cursor: move;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.disabled {
|
|
14
|
+
@extend .form-control, :disabled;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.text-invalid {
|
|
18
|
+
color: $form-invalid-color
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.w-fit-content {
|
|
22
|
+
width: fit-content;
|
|
23
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
@import 'bootstrap/scss/functions';
|
|
2
|
+
@import 'bootstrap/scss/variables';
|
|
3
|
+
|
|
4
|
+
//Forge Theme
|
|
5
|
+
$primary: #0077c8;
|
|
6
|
+
$primary-dark: #006bb4;
|
|
7
|
+
$primary-light: #e5f0f7;
|
|
8
|
+
|
|
9
|
+
$secondary: #5f5f5f;
|
|
10
|
+
|
|
11
|
+
$success: #21aa64;
|
|
12
|
+
$success-dark: #177746;
|
|
13
|
+
$success-light: #e9f7f0;
|
|
14
|
+
|
|
15
|
+
$warning: #ffae00;
|
|
16
|
+
$warning-dark: #B05319;
|
|
17
|
+
$warning-light: #fff7e6;
|
|
18
|
+
|
|
19
|
+
$danger: #f72323;
|
|
20
|
+
$danger-dark: #C61C1C;
|
|
21
|
+
$danger-light: #FCEBE9;
|
|
22
|
+
|
|
23
|
+
$light: #f6f6f6;
|
|
24
|
+
|
|
25
|
+
$base-colors: (
|
|
26
|
+
'primary': $primary,
|
|
27
|
+
'secondary': $secondary,
|
|
28
|
+
'success': $success,
|
|
29
|
+
'warning': $warning,
|
|
30
|
+
'danger': $danger,
|
|
31
|
+
'light': $light,
|
|
32
|
+
'info': $info
|
|
33
|
+
);
|
|
34
|
+
|
|
35
|
+
$badge-font-size: 0.75rem;
|
|
36
|
+
|
|
37
|
+
$subtle-colors: (
|
|
38
|
+
'primary-subtle': $primary-light,
|
|
39
|
+
'success-subtle': $success-light,
|
|
40
|
+
'warning-subtle': $warning-light,
|
|
41
|
+
'danger-subtle': $danger-light,
|
|
42
|
+
'info-subtle': $info-bg-subtle
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
$dark-colors: (
|
|
46
|
+
'primary-dark': $primary-dark,
|
|
47
|
+
'success-dark': $success-dark,
|
|
48
|
+
'warning-dark': $warning-dark,
|
|
49
|
+
'danger-dark': $danger-dark
|
|
50
|
+
);
|
|
51
|
+
|
|
52
|
+
@each $color, $value in $grays {
|
|
53
|
+
.bg-grey-#{$color} {
|
|
54
|
+
background-color: $value !important;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
$theme-colors: map-merge-multiple($theme-colors, $base-colors, $subtle-colors, $dark-colors);
|