@unifiedsoftware/styles 1.0.3 → 1.0.5

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/styles.css +697 -121
  2. package/css/styles.min.css +1 -1
  3. package/css/theme-default.css +246 -52
  4. package/css/theme-default.min.css +1 -1
  5. package/index.scss +2 -0
  6. package/package.json +1 -1
  7. package/scss/_utilities.scss +103 -0
  8. package/scss/components/_badge.scss +45 -0
  9. package/scss/components/_button.scss +22 -3
  10. package/scss/components/_chip.scss +21 -0
  11. package/scss/components/_index.scss +3 -0
  12. package/scss/components/_menu.scss +3 -10
  13. package/scss/components/_tabs.scss +34 -6
  14. package/scss/mixins/_button.scss +16 -0
  15. package/scss/mixins/_chip.scss +16 -0
  16. package/scss/mixins/_outline.scss +11 -0
  17. package/scss/mixins/_overlay.scss +38 -39
  18. package/scss/themes/default/_tokens.scss +3 -0
  19. package/scss/themes/default/components/_badge.scss +21 -0
  20. package/scss/themes/default/components/_button.scss +72 -50
  21. package/scss/themes/default/components/_chip.scss +165 -0
  22. package/scss/themes/default/components/_index.scss +3 -0
  23. package/scss/themes/default/components/_menu.scss +11 -6
  24. package/scss/themes/default/components/_tabs.scss +5 -6
package/scss/themes/default/components/_index.scss CHANGED
@@ -1,4 +1,7 @@
1
1
  @use 'icon';
2
+ @use 'badge';
3
+
4
+ @use 'chip';
2
5
  @use 'button';
3
6
  @use 'menu';
4
7
  @use 'tabs';
package/scss/themes/default/components/_menu.scss CHANGED
@@ -1,6 +1,8 @@
1
1
  @use '../../../variables' as *;
2
2
 
3
3
  .#{$prefix}menu {
4
+ --#{$prefix}menu-padding-y: 0;
5
+ --#{$prefix}menu-padding-x: 0;
4
6
  --#{$prefix}menu-color: #343a40;
5
7
  --#{$prefix}menu-background: #fff;
6
8
 
@@ -11,25 +13,27 @@
11
13
  --#{$prefix}menu-item-padding-level: 2rem;
12
14
  --#{$prefix}menu-item-font-size: 12px;
13
15
  --#{$prefix}menu-item-font-weight: 500;
16
+ --#{$prefix}menu-item-border-radius: 0;
14
17
  --#{$prefix}menu-item-gap: 1rem;
15
18
 
16
- --#{$prefix}menu-item-icon-font-size: 16px;
17
- --#{$prefix}menu-item-icon-color: var(--#{$prefix}primary-color);
18
-
19
19
  /* Overlay */
20
20
  --#{$prefix}overlay-color: inherit;
21
21
  --#{$prefix}overlay-opacity: 0;
22
22
  --#{$prefix}_hover-overlay-color: inherit;
23
23
  --#{$prefix}_hover-overlay-opacity: 0.08;
24
- --#{$prefix}_active-overlay-opacity: 0;
24
+
25
+ &__icon .#{$prefix}icon {
26
+ --#{$prefix}icon-font-size: 16px;
27
+ --#{$prefix}icon-color: var(--#{$prefix}primary-color);
28
+ }
25
29
 
26
30
  &--selected {
27
31
  --#{$prefix}menu-item-color: var(--#{$prefix}primary-color);
28
32
 
29
33
  --#{$prefix}overlay-color: var(--#{$prefix}primary-color);
30
34
  --#{$prefix}overlay-opacity: 0.08;
31
- --#{$prefix}_hover-overlay-opacity: 0;
32
- --#{$prefix}_active-overlay-opacity: 0;
35
+ --#{$prefix}_hover-overlay-opacity: 0.08;
36
+ --#{$prefix}_active-overlay-opacity: 0.08;
33
37
  }
34
38
  }
35
39
 
@@ -40,6 +44,7 @@
40
44
  --#{$prefix}menu-group-padding-level: 2rem;
41
45
  --#{$prefix}menu-group-font-size: 12px;
42
46
  --#{$prefix}menu-group-font-weight: 700;
47
+ --#{$prefix}menu-group-border-radius: 0;
43
48
  --#{$prefix}menu-group-gap: 1rem;
44
49
  --#{$prefix}menu-group-border-width: 1px;
45
50
  --#{$prefix}menu-group-border-color: #dee2e6;
package/scss/themes/default/components/_tabs.scss CHANGED
@@ -2,21 +2,20 @@
2
2
 
3
3
  .#{$prefix}tab {
4
4
  --#{$prefix}tab-color: var(--#{$prefix}black-color);
5
- --#{$prefix}tab-font-size: 12px;
5
+ --#{$prefix}tab-font-size: 0.8125rem;
6
6
  --#{$prefix}tab-font-weight: 500;
7
7
 
8
8
  --#{$prefix}tab-indicator-color: var(--#{$prefix}primary-color);
9
- --#{$prefix}tab-indicator-height: 2px;
9
+ --#{$prefix}tab-indicator-height: 3px;
10
+ --#{$prefix}tab-indicator-border-radius: 3px 3px 0px 0px;
10
11
 
11
12
  /* Overlay */
12
- --#{$prefix}_hover-overlay-color: inherit;
13
+ --#{$prefix}overlay-opacity: 0;
14
+ --#{$prefix}overlay-color: inherit;
13
15
  --#{$prefix}_hover-overlay-opacity: 0.08;
14
- --#{$prefix}_active-overlay-color: inherit;
15
16
  --#{$prefix}_active-overlay-opacity: 0.12;
16
17
 
17
18
  &--selected {
18
19
  --#{$prefix}tab-color: var(--#{$prefix}primary-color);
19
- --#{$prefix}_hover-overlay-color: inherit;
20
- --#{$prefix}_active-overlay-color: inherit;
21
20
  }
22
21
  }