@unifiedsoftware/styles 1.0.10 → 1.0.12

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 (41) hide show
  1. package/css/{theme-default.css → fci.css} +213 -168
  2. package/css/fci.min.css +1 -0
  3. package/css/styles.css +259 -12
  4. package/css/styles.min.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/_utilities.scss +18 -0
  7. package/scss/components/_button.scss +1 -0
  8. package/scss/components/_index.scss +4 -0
  9. package/scss/components/_input.scss +78 -0
  10. package/scss/components/_list.scss +15 -0
  11. package/scss/components/_popover.scss +55 -0
  12. package/scss/components/_scroll-area.scss +28 -10
  13. package/scss/components/_switch.scss +39 -0
  14. package/scss/mixins/_outline.scss +42 -1
  15. package/scss/themes/{default → fci}/_tokens.scss +1 -1
  16. package/scss/themes/fci/components/_badge.scss +24 -0
  17. package/scss/themes/fci/components/_button.scss +156 -0
  18. package/scss/themes/fci/components/_card.scss +21 -0
  19. package/scss/themes/fci/components/_chip.scss +127 -0
  20. package/scss/themes/fci/components/_drawer.scss +8 -0
  21. package/scss/themes/fci/components/_icon.scss +8 -0
  22. package/scss/themes/{default → fci}/components/_index.scss +3 -0
  23. package/scss/themes/fci/components/_input.scss +25 -0
  24. package/scss/themes/fci/components/_list.scss +70 -0
  25. package/scss/themes/fci/components/_menu.scss +63 -0
  26. package/scss/themes/fci/components/_switch.scss +19 -0
  27. package/scss/themes/fci/components/_tabs.scss +24 -0
  28. package/scss/themes/fci/components/_toolbar.scss +29 -0
  29. package/scss/themes/{default-kendo.scss → kendo-fci/_index.scss} +1 -1
  30. package/css/theme-default.min.css +0 -1
  31. package/scss/themes/default/components/_badge.scss +0 -21
  32. package/scss/themes/default/components/_button.scss +0 -191
  33. package/scss/themes/default/components/_card.scss +0 -20
  34. package/scss/themes/default/components/_chip.scss +0 -165
  35. package/scss/themes/default/components/_drawer.scss +0 -6
  36. package/scss/themes/default/components/_icon.scss +0 -6
  37. package/scss/themes/default/components/_list.scss +0 -62
  38. package/scss/themes/default/components/_menu.scss +0 -61
  39. package/scss/themes/default/components/_tabs.scss +0 -21
  40. package/scss/themes/default/components/_toolbar.scss +0 -27
  41. /package/scss/themes/{default → fci}/_index.scss +0 -0
@@ -1,61 +0,0 @@
1
- @use '../../../variables' as *;
2
-
3
- .#{$prefix}menu {
4
- --#{$prefix}menu-padding-y: 0;
5
- --#{$prefix}menu-padding-x: 0;
6
- --#{$prefix}menu-color: #343a40;
7
- --#{$prefix}menu-background: #fff;
8
-
9
- &-item {
10
- --#{$prefix}menu-item-height: 40px;
11
- --#{$prefix}menu-item-padding-y: 0;
12
- --#{$prefix}menu-item-padding-x: 1rem;
13
- --#{$prefix}menu-item-padding-level: 2rem;
14
- --#{$prefix}menu-item-font-size: 12px;
15
- --#{$prefix}menu-item-font-weight: 500;
16
- --#{$prefix}menu-item-border-radius: 0;
17
- --#{$prefix}menu-item-gap: 1rem;
18
-
19
- & > .#{$prefix}overlay {
20
- --#{$prefix}overlay-color: inherit;
21
- --#{$prefix}overlay-opacity: 0;
22
- --#{$prefix}_hover-overlay-color: inherit;
23
- --#{$prefix}_hover-overlay-opacity: 0.08;
24
- }
25
-
26
- &__icon .#{$prefix}icon {
27
- --#{$prefix}icon-font-size: 16px;
28
- --#{$prefix}icon-color: var(--#{$prefix}primary-color);
29
- }
30
-
31
- &--selected {
32
- --#{$prefix}menu-item-color: var(--#{$prefix}primary-color);
33
- }
34
-
35
- &--selected > .#{$prefix}overlay {
36
- --#{$prefix}overlay-color: var(--#{$prefix}primary-color);
37
- --#{$prefix}overlay-opacity: 0.08;
38
- --#{$prefix}_hover-overlay-opacity: 0.08;
39
- --#{$prefix}_active-overlay-opacity: 0.08;
40
- }
41
- }
42
-
43
- &-group {
44
- --#{$prefix}menu-group-height: 40px;
45
- --#{$prefix}menu-group-padding-y: 0;
46
- --#{$prefix}menu-group-padding-x: 1rem;
47
- --#{$prefix}menu-group-padding-level: 2rem;
48
- --#{$prefix}menu-group-font-size: 12px;
49
- --#{$prefix}menu-group-font-weight: 700;
50
- --#{$prefix}menu-group-border-radius: 0;
51
- --#{$prefix}menu-group-gap: 1rem;
52
- --#{$prefix}menu-group-border-width: 1px;
53
- --#{$prefix}menu-group-border-color: #dee2e6;
54
- }
55
-
56
- &-submenu > &-item--selected > .#{$prefix}overlay {
57
- --#{$prefix}overlay-opacity: 0;
58
- --#{$prefix}_hover-overlay-opacity: 0;
59
- --#{$prefix}_active-overlay-opacity: 0;
60
- }
61
- }
@@ -1,21 +0,0 @@
1
- @use '../../../variables' as *;
2
-
3
- .#{$prefix}tab {
4
- --#{$prefix}tab-color: var(--#{$prefix}black-color);
5
- --#{$prefix}tab-font-size: 0.8125rem;
6
- --#{$prefix}tab-font-weight: 500;
7
-
8
- --#{$prefix}tab-indicator-color: var(--#{$prefix}primary-color);
9
- --#{$prefix}tab-indicator-height: 3px;
10
- --#{$prefix}tab-indicator-border-radius: 3px 3px 0px 0px;
11
-
12
- /* Overlay */
13
- --#{$prefix}overlay-opacity: 0;
14
- --#{$prefix}overlay-color: inherit;
15
- --#{$prefix}_hover-overlay-opacity: 0.08;
16
- --#{$prefix}_active-overlay-opacity: 0.12;
17
-
18
- &--selected {
19
- --#{$prefix}tab-color: var(--#{$prefix}primary-color);
20
- }
21
- }
@@ -1,27 +0,0 @@
1
- @use '../../../variables' as *;
2
-
3
- .#{$prefix}toolbar {
4
- --#{$prefix}toolbar-background: var(--#{$prefix}white-color);
5
-
6
- --#{$prefix}toolbar-title-font-size: 1.125rem;
7
- --#{$prefix}toolbar-title-font-weight: 600;
8
-
9
- /* Outline */
10
- --#{$prefix}outline-border-width: 1px;
11
- --#{$prefix}outline-border-color: #ddd;
12
-
13
- & &--sm {
14
- --#{$prefix}toolbar-padding-y: 0.25rem;
15
- --#{$prefix}toolbar-padding-x: 1rem;
16
- }
17
-
18
- &--md {
19
- --#{$prefix}toolbar-padding-y: 0.5rem;
20
- --#{$prefix}toolbar-padding-x: 1rem;
21
- }
22
-
23
- &--lg {
24
- --#{$prefix}toolbar-padding-y: 0.75rem;
25
- --#{$prefix}toolbar-padding-x: 1rem;
26
- }
27
- }
File without changes