@acorex/styles 5.0.1 → 5.0.7

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 (37) hide show
  1. package/index.scss +1 -0
  2. package/package.json +10 -10
  3. package/src/base/index.scss +5 -1
  4. package/src/components/_alert.scss +10 -1
  5. package/src/components/_badge.scss +6 -34
  6. package/src/components/_button.scss +569 -579
  7. package/src/components/_calendar.scss +82 -18
  8. package/src/components/_carousel.scss +5 -30
  9. package/src/components/_checkbox.scss +1 -1
  10. package/src/components/_datepicker.scss +2 -4
  11. package/src/components/_dialog.scss +3 -3
  12. package/src/components/_dropdown.scss +9 -46
  13. package/src/components/_editor-container.scss +30 -11
  14. package/src/components/_form.scss +4 -6
  15. package/src/components/_input.scss +5 -4
  16. package/src/components/_label.scss +1 -1
  17. package/src/components/_list.scss +6 -14
  18. package/src/components/_radio.scss +3 -14
  19. package/src/components/_range-slider.scss +14 -0
  20. package/src/components/_skeleton.scss +25 -0
  21. package/src/components/_switch.scss +99 -77
  22. package/src/components/_table.scss +2 -4
  23. package/src/components/_tabs.scss +157 -65
  24. package/src/components/_toast.scss +4 -14
  25. package/src/components/index.scss +3 -1
  26. package/src/icons/Read Me.txt +7 -0
  27. package/src/icons/demo-files/demo.css +152 -0
  28. package/src/icons/demo-files/demo.js +30 -0
  29. package/src/icons/demo.html +416 -0
  30. package/src/icons/fonts/acorex-icon.svg +37 -0
  31. package/src/icons/fonts/acorex-icon.ttf +0 -0
  32. package/src/icons/fonts/acorex-icon.woff +0 -0
  33. package/src/icons/selection.json +1 -0
  34. package/src/icons/style.css +107 -0
  35. package/src/icons/style.scss +164 -0
  36. package/src/icons/variables.scss +31 -0
  37. package/src/variables/_colors.scss +135 -1
package/index.scss CHANGED
@@ -1,2 +1,3 @@
1
1
  @import "./src/base/index.scss";
2
2
  @import "./src/components/index.scss";
3
+ @import "./src/icons/style.scss";
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
- "name": "@acorex/styles",
3
- "version": "5.0.1",
4
- "description": "",
5
- "main": "index.js",
6
- "scripts": {
7
- "test": "echo \"Error: no test specified\" && exit 1"
8
- },
9
- "author": "",
10
- "license": "ISC"
11
- }
2
+ "name": "@acorex/styles",
3
+ "version": "5.0.7",
4
+ "description": "",
5
+ "main": "index.js",
6
+ "scripts": {
7
+ "test": "echo \"Error: no test specified\" && exit 1"
8
+ },
9
+ "author": "",
10
+ "license": "ISC"
11
+ }
package/src/base/index.scss CHANGED
@@ -1,7 +1,11 @@
1
1
  @import "./colors";
2
+ [class*=" ax-ic-"],
3
+ [class^=ax-ic-] {
4
+ vertical-align: middle;
5
+ }
2
6
 
3
7
  :root {
4
8
  --ax-base-size: 8px;
5
9
  --ax-base-ratio: 5;
6
10
  @include colors();
7
- }
11
+ }
package/src/components/_alert.scss CHANGED
@@ -2,6 +2,15 @@
2
2
  @layer components {
3
3
  .ax-alert {
4
4
  @apply ax-flex ax-bg-light-100 ax-text-light-fore ax-px-3.5 ax-py-4 ax-items-baseline ax-rounded;
5
+ transition: visibility 0s, opacity 0.5s ease-in-out;
6
+ &.ax-state-hidden {
7
+ visibility: hidden;
8
+ opacity: 0;
9
+ }
10
+ &.ax-state-visible {
11
+ visibility: visible;
12
+ opacity: 1;
13
+ }
5
14
  .ax-alert-icon {
6
15
  @apply ax-text-xl ax-align-text-bottom;
7
16
  @include respond(mobile) {
@@ -123,7 +132,7 @@
123
132
  }
124
133
  }
125
134
  &.ax-light {
126
- @apply ax-bg-gray-50 ax-text-light-fore;
135
+ @apply ax-bg-light-50 ax-text-light-fore;
127
136
  .ax-alert-title {
128
137
  @apply ax-text-light-fore;
129
138
  }
package/src/components/_badge.scss CHANGED
@@ -1,39 +1,11 @@
1
1
  @layer components {
2
2
  .ax-badge {
3
- @apply ax-flex ax-items-center ax-justify-center ax-max-w-max ax-py-1 ax-px-2 ax-rounded ax-cursor-pointer ax-text-sm ax-whitespace-nowrap;
4
- .ax-ic {
5
- @apply ax-text-sm ax-ms-1;
3
+ @apply ax-rounded ax-py-1 ax-px-2 ax-align-middle ax-flex ax-justify-center ax-items-center ax-max-w-max ax-text-sm;
4
+ ax-prefix {
5
+ @apply ax-me-1.5
6
6
  }
7
- &.ax-badge-rounded-full {
8
- @apply ax-rounded-full;
9
- }
10
- &.ax-primary {
11
- @apply ax-bg-primary-100 ax-text-primary;
12
- }
13
- &.ax-secondary {
14
- @apply ax-bg-secondary-100 ax-text-secondary;
15
- }
16
- &.ax-warning {
17
- @apply ax-bg-warning-100 ax-text-warning;
18
- }
19
- &.ax-danger {
20
- @apply ax-bg-danger-100 ax-text-danger;
21
- }
22
- &.ax-success {
23
- @apply ax-bg-success-100 ax-text-success;
24
- }
25
- &.ax-info {
26
- @apply ax-bg-info-100 ax-text-info;
27
- }
28
- &.ax-light {
29
- @apply ax-bg-light-100 ax-text-light-fore;
30
- }
31
- &.ax-dark {
32
- @apply ax-bg-dark-100 ax-text-dark;
33
- }
34
- &.ax-sm {
35
- }
36
- &.ax-lg {
7
+ ax-suffix {
8
+ @apply ax-ms-1.5
37
9
  }
38
10
  }
39
- }
11
+ }