@educarehq/solaris-ui 0.3.2 → 0.3.3

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 (36) hide show
  1. package/package.json +3 -1
  2. package/styles/_button.scss +510 -510
  3. package/styles/_dropdown-menu.scss +72 -72
  4. package/styles/_icon-button.scss +481 -481
  5. package/styles/_index.scss +27 -19
  6. package/styles/_input.scss +255 -255
  7. package/styles/_popover.scss +73 -73
  8. package/styles/_textarea.scss +242 -0
  9. package/styles/_theme.scss +46 -46
  10. package/styles/_toast.scss +9 -9
  11. package/styles/_tooltip.scss +3 -3
  12. package/styles/token/border/_border.scss +5 -5
  13. package/styles/token/border/_index.scss +1 -1
  14. package/styles/token/color/_dark.scss +78 -78
  15. package/styles/token/color/_high-contrast.scss +27 -27
  16. package/styles/token/color/_index.scss +3 -3
  17. package/styles/token/color/_light.scss +69 -69
  18. package/styles/token/density/_comfortable.scss +15 -15
  19. package/styles/token/density/_compact.scss +15 -15
  20. package/styles/token/density/_index.scss +2 -2
  21. package/styles/token/motion/_index.scss +2 -2
  22. package/styles/token/motion/_motion.scss +15 -15
  23. package/styles/token/motion/_reduced-motion.scss +15 -15
  24. package/styles/token/opacity/_index.scss +1 -1
  25. package/styles/token/opacity/_opacity.scss +4 -4
  26. package/styles/token/radius/_index.scss +1 -1
  27. package/styles/token/radius/_radius.scss +8 -8
  28. package/styles/token/shadow/_index.scss +1 -1
  29. package/styles/token/shadow/_shadow.scss +26 -26
  30. package/styles/token/spacing/_index.scss +1 -1
  31. package/styles/token/spacing/_spacing.scss +15 -15
  32. package/styles/token/typography/_font-family.scss +13 -13
  33. package/styles/token/typography/_index.scss +2 -2
  34. package/styles/token/typography/_typography.scss +25 -25
  35. package/styles/token/z-index/_index.scss +1 -1
  36. package/styles/token/z-index/_z-index.scss +10 -10
package/styles/_dropdown-menu.scss CHANGED
@@ -1,72 +1,72 @@
1
- .solaris-dropdown-menu-overlay {
2
- --solaris-dropdown-menu-min-width: calc(
3
- var(--solaris-spacing-24) + var(--solaris-spacing-10) +
4
- var(--solaris-spacing-1)
5
- );
6
- --solaris-dropdown-menu-max-width: calc(
7
- var(--solaris-spacing-24) * 2 + var(--solaris-spacing-10) +
8
- var(--solaris-spacing-2)
9
- );
10
-
11
- .solaris-popover-panel__container {
12
- padding: 0;
13
- overflow: hidden;
14
- }
15
- }
16
-
17
- .solaris-dropdown-menu__wrapper {
18
- --solaris-dropdown-menu-gap: var(--solaris-spacing-2);
19
- --solaris-dropdown-menu-padding: var(--solaris-spacing-2);
20
-
21
- display: flex;
22
- outline: none;
23
- user-select: none;
24
- flex-direction: column;
25
- box-sizing: border-box;
26
- gap: var(--solaris-dropdown-menu-gap);
27
- padding: var(--solaris-dropdown-menu-padding);
28
- min-width: var(--solaris-dropdown-menu-min-width);
29
- max-width: var(--solaris-dropdown-menu-max-width);
30
-
31
- solaris-divider {
32
- margin-inline: calc(-1 * var(--solaris-dropdown-menu-padding));
33
- width: calc(100% + 2 * var(--solaris-dropdown-menu-padding));
34
- }
35
- }
36
-
37
- solaris-dropdown-menu-group {
38
- display: flex;
39
- flex-direction: column;
40
- padding-block: var(--solaris-spacing-1);
41
-
42
- &:first-child {
43
- padding-block-start: 0;
44
- }
45
-
46
- &:last-child {
47
- padding-block-end: 0;
48
- }
49
- }
50
-
51
- solaris-dropdown-menu-label {
52
- display: flex;
53
- cursor: default;
54
- user-select: none;
55
- align-items: center;
56
- letter-spacing: 0.05em;
57
- text-transform: uppercase;
58
- color: var(--solaris-text-muted);
59
- font-weight: var(--solaris-font-weight-semibold);
60
- font-size: var(--solaris-font-size-xs);
61
- line-height: var(--solaris-line-height-xs);
62
- padding: var(--solaris-spacing-2) var(--solaris-spacing-3);
63
- }
64
-
65
- solaris-dropdown-submenu {
66
- display: flex;
67
- flex-direction: column;
68
- }
69
-
70
- solaris-dropdown-submenu-trigger {
71
- display: flex;
72
- }
1
+ .solaris-dropdown-menu-overlay {
2
+ --solaris-dropdown-menu-min-width: calc(
3
+ var(--solaris-spacing-24) + var(--solaris-spacing-10) +
4
+ var(--solaris-spacing-1)
5
+ );
6
+ --solaris-dropdown-menu-max-width: calc(
7
+ var(--solaris-spacing-24) * 2 + var(--solaris-spacing-10) +
8
+ var(--solaris-spacing-2)
9
+ );
10
+
11
+ .solaris-popover-panel__container {
12
+ padding: 0;
13
+ overflow: hidden;
14
+ }
15
+ }
16
+
17
+ .solaris-dropdown-menu__wrapper {
18
+ --solaris-dropdown-menu-gap: var(--solaris-spacing-2);
19
+ --solaris-dropdown-menu-padding: var(--solaris-spacing-2);
20
+
21
+ display: flex;
22
+ outline: none;
23
+ user-select: none;
24
+ flex-direction: column;
25
+ box-sizing: border-box;
26
+ gap: var(--solaris-dropdown-menu-gap);
27
+ padding: var(--solaris-dropdown-menu-padding);
28
+ min-width: var(--solaris-dropdown-menu-min-width);
29
+ max-width: var(--solaris-dropdown-menu-max-width);
30
+
31
+ solaris-divider {
32
+ margin-inline: calc(-1 * var(--solaris-dropdown-menu-padding));
33
+ width: calc(100% + 2 * var(--solaris-dropdown-menu-padding));
34
+ }
35
+ }
36
+
37
+ solaris-dropdown-menu-group {
38
+ display: flex;
39
+ flex-direction: column;
40
+ padding-block: var(--solaris-spacing-1);
41
+
42
+ &:first-child {
43
+ padding-block-start: 0;
44
+ }
45
+
46
+ &:last-child {
47
+ padding-block-end: 0;
48
+ }
49
+ }
50
+
51
+ solaris-dropdown-menu-label {
52
+ display: flex;
53
+ cursor: default;
54
+ user-select: none;
55
+ align-items: center;
56
+ letter-spacing: 0.05em;
57
+ text-transform: uppercase;
58
+ color: var(--solaris-text-muted);
59
+ font-weight: var(--solaris-font-weight-semibold);
60
+ font-size: var(--solaris-font-size-xs);
61
+ line-height: var(--solaris-line-height-xs);
62
+ padding: var(--solaris-spacing-2) var(--solaris-spacing-3);
63
+ }
64
+
65
+ solaris-dropdown-submenu {
66
+ display: flex;
67
+ flex-direction: column;
68
+ }
69
+
70
+ solaris-dropdown-submenu-trigger {
71
+ display: flex;
72
+ }