@acorex/styles 19.8.0-next.7 → 19.8.0-next.9

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 (44) hide show
  1. package/icons/fontawesome/index.scss +10 -11
  2. package/icons/huge/huge-bulk/index.scss +4 -4
  3. package/icons/huge/huge-duotone/index.scss +4 -4
  4. package/icons/huge/huge-solid-sharp/index.scss +4 -4
  5. package/icons/huge/huge-solid-standard/index.scss +4 -4
  6. package/icons/huge/huge-stroke-rounded/index.scss +4 -4
  7. package/icons/huge/huge-stroke-sharp/index.scss +4 -4
  8. package/icons/huge/huge-stroke-standard/index.scss +4 -4
  9. package/icons/huge/huge-twotone/index.scss +4 -4
  10. package/icons/material/index.scss +4 -5
  11. package/index.css +319 -2016
  12. package/index.min.css +1 -1
  13. package/index.scss +1 -0
  14. package/package.json +1 -1
  15. package/src/base/index.scss +2 -4
  16. package/src/components/editors/_base.scss +50 -0
  17. package/src/components/editors/index.scss +60 -0
  18. package/src/components/editors/looks/_fill.scss +17 -0
  19. package/src/components/editors/looks/_flat.scss +18 -0
  20. package/src/components/editors/looks/_outline.scss +18 -0
  21. package/src/components/editors/looks/_solid.scss +20 -0
  22. package/src/components/editors/looks/index.scss +4 -0
  23. package/src/components/index.scss +1 -0
  24. package/src/mixins/_look.scss +20 -35
  25. package/src/shared/_action-item.scss +3 -3
  26. package/src/shared/_actionsheet.scss +7 -6
  27. package/src/shared/_check-box.scss +8 -14
  28. package/src/shared/_drop-down.scss +7 -16
  29. package/src/shared/_editor-container.scss +35 -75
  30. package/src/shared/_general-button.scss +11 -12
  31. package/src/shared/_inputs.scss +0 -16
  32. package/src/shared/_list.scss +15 -41
  33. package/src/shared/_radio.scss +8 -14
  34. package/src/shared/_ripple.scss +13 -0
  35. package/src/shared/_table.scss +9 -30
  36. package/src/shared/_utils.scss +10 -16
  37. package/src/shared/index.scss +4 -2
  38. package/src/utility/index.scss +2 -22
  39. package/src/variables/_colors.scss +1 -1
  40. package/tailwind-base.js +89 -56
  41. package/themes/default.css +1 -1
  42. package/themes/default.scss +240 -139
  43. package/themes/test.scss +237 -0
  44. package/src/shared/_color-look.scss +0 -822
package/icons/fontawesome/index.scss CHANGED
@@ -1,33 +1,32 @@
1
1
  @use './variables';
2
2
 
3
3
  .ax-icon-thin {
4
- --ax-icon-weight: 100;
4
+ --ax-sys-icon-weight: 100;
5
5
  }
6
6
  .ax-icon-light {
7
- --ax-icon-weight: 300;
7
+ --ax-sys-icon-weight: 300;
8
8
  }
9
9
  .ax-icon-regular {
10
- --ax-icon-weight: 400;
10
+ --ax-sys-icon-weight: 400;
11
11
  }
12
12
  .ax-icon-solid {
13
- --ax-icon-weight: 900;
13
+ --ax-sys-icon-weight: 900;
14
14
  }
15
15
 
16
16
  .ax-icon {
17
17
  -moz-osx-font-smoothing: grayscale;
18
18
  -webkit-font-smoothing: antialiased;
19
19
  display: inline-flex !important;
20
+ align-items: center;
21
+ justify-content: center;
20
22
  font-style: normal;
21
23
  font-variant: normal;
22
- line-height: 1;
23
24
  text-rendering: auto;
24
25
  font-family: 'Font Awesome 6 Pro';
25
- width: 24px;
26
- height: 24px;
27
- align-items: center;
28
- justify-content: center;
29
- font-weight: var(--ax-icon-weight, 400);
30
- font-size: var(--ax-icon-size, 100%);
26
+ width: var(--ax-sys-icon-width, inherit);
27
+ height: var(--ax-sys-icon-height, inherit);
28
+ font-weight: var(--ax-sys-icon-weight, 400);
29
+ font-size: var(--ax-sys-icon-size, 100%);
31
30
  }
32
31
 
33
32
  .ax-icon-more-horizontal {
package/icons/huge/huge-bulk/index.scss CHANGED
@@ -13,16 +13,16 @@
13
13
  }
14
14
 
15
15
  .ax-icon-thin {
16
- --ax-icon-weight: 100;
16
+ --ax-sys-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-icon-weight: 300;
19
+ --ax-sys-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-icon-weight: 400;
22
+ --ax-sys-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-icon-weight: 900;
25
+ --ax-sys-icon-weight: 900;
26
26
  }
27
27
 
28
28
  .ax-icon-more-horizontal {
package/icons/huge/huge-duotone/index.scss CHANGED
@@ -14,16 +14,16 @@
14
14
  }
15
15
 
16
16
  .ax-icon-thin {
17
- --ax-icon-weight: 100;
17
+ --ax-sys-icon-weight: 100;
18
18
  }
19
19
  .ax-icon-light {
20
- --ax-icon-weight: 300;
20
+ --ax-sys-icon-weight: 300;
21
21
  }
22
22
  .ax-icon-regular {
23
- --ax-icon-weight: 400;
23
+ --ax-sys-icon-weight: 400;
24
24
  }
25
25
  .ax-icon-solid {
26
- --ax-icon-weight: 900;
26
+ --ax-sys-icon-weight: 900;
27
27
  }
28
28
 
29
29
  .ax-icon-more-horizontal {
package/icons/huge/huge-solid-sharp/index.scss CHANGED
@@ -13,16 +13,16 @@
13
13
  }
14
14
 
15
15
  .ax-icon-thin {
16
- --ax-icon-weight: 100;
16
+ --ax-sys-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-icon-weight: 300;
19
+ --ax-sys-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-icon-weight: 400;
22
+ --ax-sys-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-icon-weight: 900;
25
+ --ax-sys-icon-weight: 900;
26
26
  }
27
27
 
28
28
  .ax-icon-more-horizontal {
package/icons/huge/huge-solid-standard/index.scss CHANGED
@@ -13,16 +13,16 @@
13
13
  }
14
14
 
15
15
  .ax-icon-thin {
16
- --ax-icon-weight: 100;
16
+ --ax-sys-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-icon-weight: 300;
19
+ --ax-sys-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-icon-weight: 400;
22
+ --ax-sys-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-icon-weight: 900;
25
+ --ax-sys-icon-weight: 900;
26
26
  }
27
27
 
28
28
  .ax-icon-more-horizontal {
package/icons/huge/huge-stroke-rounded/index.scss CHANGED
@@ -13,16 +13,16 @@
13
13
  }
14
14
 
15
15
  .ax-icon-thin {
16
- --ax-icon-weight: 100;
16
+ --ax-sys-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-icon-weight: 300;
19
+ --ax-sys-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-icon-weight: 400;
22
+ --ax-sys-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-icon-weight: 900;
25
+ --ax-sys-icon-weight: 900;
26
26
  }
27
27
 
28
28
  .ax-icon-more-horizontal {
package/icons/huge/huge-stroke-sharp/index.scss CHANGED
@@ -13,16 +13,16 @@
13
13
  }
14
14
 
15
15
  .ax-icon-thin {
16
- --ax-icon-weight: 100;
16
+ --ax-sys-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-icon-weight: 300;
19
+ --ax-sys-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-icon-weight: 400;
22
+ --ax-sys-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-icon-weight: 900;
25
+ --ax-sys-icon-weight: 900;
26
26
  }
27
27
 
28
28
  .ax-icon-more-horizontal {
package/icons/huge/huge-stroke-standard/index.scss CHANGED
@@ -13,16 +13,16 @@
13
13
  }
14
14
 
15
15
  .ax-icon-thin {
16
- --ax-icon-weight: 100;
16
+ --ax-sys-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-icon-weight: 300;
19
+ --ax-sys-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-icon-weight: 400;
22
+ --ax-sys-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-icon-weight: 900;
25
+ --ax-sys-icon-weight: 900;
26
26
  }
27
27
 
28
28
  .ax-icon-more-horizontal {
package/icons/huge/huge-twotone/index.scss CHANGED
@@ -13,16 +13,16 @@
13
13
  }
14
14
 
15
15
  .ax-icon-thin {
16
- --ax-icon-weight: 100;
16
+ --ax-sys-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-icon-weight: 300;
19
+ --ax-sys-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-icon-weight: 400;
22
+ --ax-sys-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-icon-weight: 900;
25
+ --ax-sys-icon-weight: 900;
26
26
  }
27
27
 
28
28
  .ax-icon-more-horizontal {
package/icons/material/index.scss CHANGED
@@ -5,7 +5,6 @@
5
5
  font-style: normal;
6
6
  font-size: 24px; /* Preferred icon size */
7
7
  display: inline-block;
8
- line-height: 1;
9
8
  text-transform: none;
10
9
  letter-spacing: normal;
11
10
  word-wrap: normal;
@@ -22,16 +21,16 @@
22
21
  }
23
22
 
24
23
  .ax-icon-thin {
25
- --ax-icon-weight: 100;
24
+ --ax-sys-icon-weight: 100;
26
25
  }
27
26
  .ax-icon-light {
28
- --ax-icon-weight: 300;
27
+ --ax-sys-icon-weight: 300;
29
28
  }
30
29
  .ax-icon-regular {
31
- --ax-icon-weight: 400;
30
+ --ax-sys-icon-weight: 400;
32
31
  }
33
32
  .ax-icon-solid {
34
- --ax-icon-weight: 900;
33
+ --ax-sys-icon-weight: 900;
35
34
  }
36
35
 
37
36
  .ax-icon-more-horizontal {