@unifiedsoftware/styles 1.0.45 → 1.0.47

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 (24) hide show
  1. package/css/fci.css +148 -27
  2. package/css/fci.min.css +1 -1
  3. package/css/styles.css +87 -31
  4. package/css/styles.min.css +1 -1
  5. package/package.json +1 -1
  6. package/scss/components/_accordion.scss +48 -10
  7. package/scss/components/_backdrop.scss +1 -1
  8. package/scss/components/_badge.scss +23 -12
  9. package/scss/components/_card.scss +6 -5
  10. package/scss/components/_drawer.scss +2 -0
  11. package/scss/components/_input.scss +14 -0
  12. package/scss/components/_list.scss +3 -2
  13. package/scss/components/_popover.scss +1 -1
  14. package/scss/components/_tabs.scss +0 -1
  15. package/scss/components/_toolbar.scss +1 -0
  16. package/scss/themes/fci/components/_accordion.scss +91 -0
  17. package/scss/themes/fci/components/_badge.scss +30 -12
  18. package/scss/themes/fci/components/_button.scss +5 -5
  19. package/scss/themes/fci/components/_card.scss +1 -17
  20. package/scss/themes/fci/components/_chip.scss +32 -12
  21. package/scss/themes/fci/components/_index.scss +2 -0
  22. package/scss/themes/fci/components/_input.scss +1 -1
  23. package/scss/themes/fci/components/_menu.scss +2 -2
  24. package/scss/themes/fci/components/_result.scss +3 -0
package/scss/themes/fci/components/_button.scss CHANGED
@@ -32,7 +32,7 @@ $colors-map: (
32
32
  --#{$prefix}button-padding-y: 0;
33
33
  --#{$prefix}button-padding-x: 0.625rem;
34
34
  --#{$prefix}button-font-size: 0.625rem;
35
- --#{$prefix}button-border-radius: 8px;
35
+ --#{$prefix}button-border-radius: 6px;
36
36
  --#{$prefix}button-gap: 0.25rem;
37
37
 
38
38
  .#{$prefix}icon {
@@ -45,7 +45,7 @@ $colors-map: (
45
45
  --#{$prefix}button-padding-y: 0;
46
46
  --#{$prefix}button-padding-x: 0.75rem;
47
47
  --#{$prefix}button-font-size: 0.75rem;
48
- --#{$prefix}button-border-radius: 8px;
48
+ --#{$prefix}button-border-radius: 6px;
49
49
  --#{$prefix}button-gap: 0.25rem;
50
50
 
51
51
  .#{$prefix}icon {
@@ -58,7 +58,7 @@ $colors-map: (
58
58
  --#{$prefix}button-padding-y: 0;
59
59
  --#{$prefix}button-padding-x: 0.875rem;
60
60
  --#{$prefix}button-font-size: 0.875rem;
61
- --#{$prefix}button-border-radius: 8px;
61
+ --#{$prefix}button-border-radius: 6px;
62
62
  --#{$prefix}button-gap: 0.375rem;
63
63
 
64
64
  .#{$prefix}icon {
@@ -71,7 +71,7 @@ $colors-map: (
71
71
  --#{$prefix}button-padding-y: 0;
72
72
  --#{$prefix}button-padding-x: 1rem;
73
73
  --#{$prefix}button-font-size: 1rem;
74
- --#{$prefix}button-border-radius: 8px;
74
+ --#{$prefix}button-border-radius: 6px;
75
75
  --#{$prefix}button-gap: 0.5rem;
76
76
 
77
77
  .#{$prefix}icon {
@@ -84,7 +84,7 @@ $colors-map: (
84
84
  --#{$prefix}button-padding-y: 0;
85
85
  --#{$prefix}button-padding-x: 1.125rem;
86
86
  --#{$prefix}button-font-size: 1.125rem;
87
- --#{$prefix}button-border-radius: 8px;
87
+ --#{$prefix}button-border-radius: 6px;
88
88
  --#{$prefix}button-gap: 0.5rem;
89
89
 
90
90
  .#{$prefix}icon {
package/scss/themes/fci/components/_card.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  --#{$prefix}card-border-width: 1px;
6
6
  --#{$prefix}card-border-style: solid;
7
7
  --#{$prefix}card-border-color: rgba(9, 30, 66, 0.14);
8
- --#{$prefix}card-border-radius: 12px;
8
+ --#{$prefix}card-border-radius: 6px;
9
9
 
10
10
  & > .#{$prefix}overlay {
11
11
  --#{$prefix}overlay-color: inherit;
@@ -35,10 +35,6 @@
35
35
 
36
36
  --#{$prefix}card-header-subtitle-font-weight: 400;
37
37
  --#{$prefix}card-header-subtitle-color: var(--#{$prefix}subtitle-color);
38
-
39
- // .#{$prefix}icon {
40
- // --#{$prefix}icon-color: var(--#{$prefix}primary-color);
41
- // }
42
38
  }
43
39
 
44
40
  .#{$prefix}card-body {
@@ -60,10 +56,6 @@
60
56
  --#{$prefix}card-header-title-line-height: 14px;
61
57
  }
62
58
 
63
- // .#{$prefix}card--sm .#{$prefix}card-header .#{$prefix}icon {
64
- // --#{$prefix}icon-font-size: 18px;
65
- // }
66
-
67
59
  .#{$prefix}card--sm .#{$prefix}card-body {
68
60
  --#{$prefix}card-body-padding-y: 1rem;
69
61
  --#{$prefix}card-body-padding-x: 1rem;
@@ -86,10 +78,6 @@
86
78
  --#{$prefix}card-header-subtitle-line-height: 16px;
87
79
  }
88
80
 
89
- // .#{$prefix}card--md .#{$prefix}card-header .#{$prefix}icon {
90
- // --#{$prefix}icon-font-size: 20px;
91
- // }
92
-
93
81
  .#{$prefix}card--md .#{$prefix}card-body {
94
82
  --#{$prefix}card-body-padding-y: 1.25rem;
95
83
  --#{$prefix}card-body-padding-x: 1rem;
@@ -113,10 +101,6 @@
113
101
  --#{$prefix}card-header-subtitle-line-height: 18px;
114
102
  }
115
103
 
116
- // .#{$prefix}card--lg .#{$prefix}card-header .#{$prefix}icon {
117
- // --#{$prefix}icon-font-size: 22px;
118
- // }
119
-
120
104
  .#{$prefix}card--lg .#{$prefix}card-body {
121
105
  --#{$prefix}card-body-padding-y: 1.5rem;
122
106
  --#{$prefix}card-body-padding-x: 1rem;
package/scss/themes/fci/components/_chip.scss CHANGED
@@ -1,6 +1,4 @@
1
1
  @use '../../../variables' as *;
2
- @use '../../../mixins/chip' as *;
3
- @use '../../../mixins/overlay' as *;
4
2
 
5
3
  $colors-map: (
6
4
  primary: var(--#{$prefix}primary-color),
@@ -33,7 +31,7 @@ $colors-map: (
33
31
  --#{$prefix}chip-padding-y: 0;
34
32
  --#{$prefix}chip-padding-x: 0.625rem;
35
33
  --#{$prefix}chip-font-size: 0.625rem;
36
- --#{$prefix}chip-border-radius: 8px;
34
+ --#{$prefix}chip-border-radius: 6px;
37
35
  --#{$prefix}chip-gap: 0.25rem;
38
36
 
39
37
  .#{$prefix}icon {
@@ -46,7 +44,7 @@ $colors-map: (
46
44
  --#{$prefix}chip-padding-y: 0;
47
45
  --#{$prefix}chip-padding-x: 0.75rem;
48
46
  --#{$prefix}chip-font-size: 0.75rem;
49
- --#{$prefix}chip-border-radius: 8px;
47
+ --#{$prefix}chip-border-radius: 6px;
50
48
  --#{$prefix}chip-gap: 0.25rem;
51
49
 
52
50
  .#{$prefix}icon {
@@ -59,7 +57,7 @@ $colors-map: (
59
57
  --#{$prefix}chip-padding-y: 0;
60
58
  --#{$prefix}chip-padding-x: 0.875rem;
61
59
  --#{$prefix}chip-font-size: 0.875rem;
62
- --#{$prefix}chip-border-radius: 8px;
60
+ --#{$prefix}chip-border-radius: 6px;
63
61
  --#{$prefix}chip-gap: 0.375rem;
64
62
 
65
63
  .#{$prefix}icon {
@@ -72,7 +70,7 @@ $colors-map: (
72
70
  --#{$prefix}chip-padding-y: 0;
73
71
  --#{$prefix}chip-padding-x: 1rem;
74
72
  --#{$prefix}chip-font-size: 1rem;
75
- --#{$prefix}chip-border-radius: 8px;
73
+ --#{$prefix}chip-border-radius: 6px;
76
74
  --#{$prefix}chip-gap: 0.5rem;
77
75
 
78
76
  .#{$prefix}icon {
@@ -85,7 +83,7 @@ $colors-map: (
85
83
  --#{$prefix}chip-padding-y: 0;
86
84
  --#{$prefix}chip-padding-x: 1.125rem;
87
85
  --#{$prefix}chip-font-size: 1.125rem;
88
- --#{$prefix}chip-border-radius: 8px;
86
+ --#{$prefix}chip-border-radius: 6px;
89
87
  --#{$prefix}chip-gap: 0.5rem;
90
88
 
91
89
  .#{$prefix}icon {
@@ -104,6 +102,12 @@ $colors-map: (
104
102
  --#{$prefix}outline-border-color: currentColor;
105
103
  }
106
104
  }
105
+
106
+ &--flat {
107
+ & > .#{$prefix}overlay {
108
+ --#{$prefix}overlay-opacity: 0.08;
109
+ }
110
+ }
107
111
  }
108
112
 
109
113
  @each $key, $value in $colors-map {
@@ -111,18 +115,34 @@ $colors-map: (
111
115
  --#{$prefix}chip-background: #{$value};
112
116
  }
113
117
 
114
- @if $key == 'secondary' {
115
- .#{$prefix}chip--filled.#{$prefix}chip--#{$key} {
116
- --#{$prefix}chip-color: var(--#{$prefix}black-color);
117
- }
118
+ .#{$prefix}chip--outlined.#{$prefix}chip--#{$key} {
119
+ --#{$prefix}chip-color: #{$value};
118
120
  }
119
121
 
120
- .#{$prefix}chip--outlined.#{$prefix}chip--#{$key} {
122
+ .#{$prefix}chip--flat.#{$prefix}chip--#{$key} {
121
123
  --#{$prefix}chip-color: #{$value};
122
124
  }
123
125
 
124
126
  .#{$prefix}chip--text.#{$prefix}chip--#{$key} {
125
127
  --#{$prefix}chip-color: #{$value};
126
128
  }
129
+
130
+ @if $key == 'secondary' {
131
+ .#{$prefix}chip--filled.#{$prefix}chip--#{$key} {
132
+ --#{$prefix}chip-color: var(--#{$prefix}black-color);
133
+ }
134
+
135
+ .#{$prefix}chip--outlined.#{$prefix}chip--#{$key} {
136
+ --#{$prefix}chip-color: var(--#{$prefix}black-color);
137
+ }
138
+
139
+ .#{$prefix}chip--flat.#{$prefix}chip--#{$key} {
140
+ --#{$prefix}chip-color: var(--#{$prefix}black-color);
141
+ }
142
+
143
+ .#{$prefix}chip--text.#{$prefix}chip--#{$key} {
144
+ --#{$prefix}chip-color: var(--#{$prefix}black-color);
145
+ }
146
+ }
127
147
  }
128
148
  }
package/scss/themes/fci/components/_index.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @use 'accordion';
2
+
1
3
  @use 'toolbar';
2
4
 
3
5
  @use 'icon';
package/scss/themes/fci/components/_input.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  --#{$prefix}input-padding-y: 0rem;
6
6
  --#{$prefix}input-padding-x: 0.875rem;
7
7
  --#{$prefix}input-height: 32px;
8
- --#{$prefix}input-font-size: 0.875rem;
8
+ --#{$prefix}input-font-size: 0.75rem;
9
9
  --#{$prefix}input-font-family: var(--#{$prefix}font-sans);
10
10
  --#{$prefix}input-line-height: 24px;
11
11
  --#{$prefix}input-border-radius: 6px;
package/scss/themes/fci/components/_menu.scss CHANGED
@@ -9,7 +9,7 @@
9
9
  }
10
10
 
11
11
  .#{$prefix}menu-item {
12
- --#{$prefix}menu-item-height: 40px;
12
+ --#{$prefix}menu-item-height: 36px;
13
13
  --#{$prefix}menu-item-padding-y: 0;
14
14
  --#{$prefix}menu-item-padding-x: 1rem;
15
15
  --#{$prefix}menu-item-padding-level: 1.5rem;
@@ -43,7 +43,7 @@
43
43
  }
44
44
 
45
45
  .#{$prefix}menu-group {
46
- --#{$prefix}menu-group-height: 40px;
46
+ --#{$prefix}menu-group-height: 36px;
47
47
  --#{$prefix}menu-group-padding-y: 0;
48
48
  --#{$prefix}menu-group-padding-x: 1rem;
49
49
  --#{$prefix}menu-group-padding-level: 2rem;
package/scss/themes/fci/components/_result.scss CHANGED
@@ -18,6 +18,9 @@
18
18
  }
19
19
 
20
20
  &--md {
21
+ --#{$prefix}result-padding-y: 3rem;
22
+ --#{$prefix}result-padding-x: 3rem;
23
+
21
24
  --#{$prefix}result-gap: 1.5rem;
22
25
 
23
26
  --#{$prefix}result-content-gap: 0.5rem;