@acorex/styles 19.8.0-next.1 → 19.8.0-next.2

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 (42) hide show
  1. package/icons/fontawesome/index.scss +11 -10
  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 +5 -4
  11. package/index.css +2011 -314
  12. package/index.min.css +1 -1
  13. package/index.scss +0 -1
  14. package/package.json +1 -1
  15. package/src/base/index.scss +4 -2
  16. package/src/mixins/_look.scss +34 -19
  17. package/src/shared/_action-item.scss +2 -2
  18. package/src/shared/_actionsheet.scss +6 -7
  19. package/src/shared/_check-box.scss +14 -8
  20. package/src/shared/_color-look.scss +822 -0
  21. package/src/shared/_drop-down.scss +16 -7
  22. package/src/shared/_editor-container.scss +75 -35
  23. package/src/shared/_general-button.scss +12 -11
  24. package/src/shared/_inputs.scss +16 -0
  25. package/src/shared/_list.scss +39 -13
  26. package/src/shared/_radio.scss +14 -8
  27. package/src/shared/_table.scss +27 -6
  28. package/src/shared/_utils.scss +16 -10
  29. package/src/shared/index.scss +2 -4
  30. package/src/utility/index.scss +22 -2
  31. package/tailwind-base.js +56 -73
  32. package/themes/default.css +1 -1
  33. package/themes/default.scss +141 -212
  34. package/src/components/editors/_base.scss +0 -50
  35. package/src/components/editors/index.scss +0 -59
  36. package/src/components/editors/looks/_fill.scss +0 -17
  37. package/src/components/editors/looks/_flat.scss +0 -18
  38. package/src/components/editors/looks/_outline.scss +0 -18
  39. package/src/components/editors/looks/_solid.scss +0 -20
  40. package/src/components/editors/looks/index.scss +0 -4
  41. package/src/components/index.scss +0 -1
  42. package/src/shared/_ripple.scss +0 -13
package/icons/fontawesome/index.scss CHANGED
@@ -1,32 +1,33 @@
1
1
  @use './variables';
2
2
 
3
3
  .ax-icon-thin {
4
- --ax-sys-icon-weight: 100;
4
+ --ax-icon-weight: 100;
5
5
  }
6
6
  .ax-icon-light {
7
- --ax-sys-icon-weight: 300;
7
+ --ax-icon-weight: 300;
8
8
  }
9
9
  .ax-icon-regular {
10
- --ax-sys-icon-weight: 400;
10
+ --ax-icon-weight: 400;
11
11
  }
12
12
  .ax-icon-solid {
13
- --ax-sys-icon-weight: 900;
13
+ --ax-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;
22
20
  font-style: normal;
23
21
  font-variant: normal;
22
+ line-height: 1;
24
23
  text-rendering: auto;
25
24
  font-family: 'Font Awesome 6 Pro';
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%);
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%);
30
31
  }
31
32
 
32
33
  .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-sys-icon-weight: 100;
16
+ --ax-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-sys-icon-weight: 300;
19
+ --ax-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-sys-icon-weight: 400;
22
+ --ax-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-sys-icon-weight: 900;
25
+ --ax-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-sys-icon-weight: 100;
17
+ --ax-icon-weight: 100;
18
18
  }
19
19
  .ax-icon-light {
20
- --ax-sys-icon-weight: 300;
20
+ --ax-icon-weight: 300;
21
21
  }
22
22
  .ax-icon-regular {
23
- --ax-sys-icon-weight: 400;
23
+ --ax-icon-weight: 400;
24
24
  }
25
25
  .ax-icon-solid {
26
- --ax-sys-icon-weight: 900;
26
+ --ax-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-sys-icon-weight: 100;
16
+ --ax-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-sys-icon-weight: 300;
19
+ --ax-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-sys-icon-weight: 400;
22
+ --ax-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-sys-icon-weight: 900;
25
+ --ax-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-sys-icon-weight: 100;
16
+ --ax-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-sys-icon-weight: 300;
19
+ --ax-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-sys-icon-weight: 400;
22
+ --ax-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-sys-icon-weight: 900;
25
+ --ax-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-sys-icon-weight: 100;
16
+ --ax-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-sys-icon-weight: 300;
19
+ --ax-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-sys-icon-weight: 400;
22
+ --ax-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-sys-icon-weight: 900;
25
+ --ax-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-sys-icon-weight: 100;
16
+ --ax-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-sys-icon-weight: 300;
19
+ --ax-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-sys-icon-weight: 400;
22
+ --ax-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-sys-icon-weight: 900;
25
+ --ax-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-sys-icon-weight: 100;
16
+ --ax-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-sys-icon-weight: 300;
19
+ --ax-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-sys-icon-weight: 400;
22
+ --ax-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-sys-icon-weight: 900;
25
+ --ax-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-sys-icon-weight: 100;
16
+ --ax-icon-weight: 100;
17
17
  }
18
18
  .ax-icon-light {
19
- --ax-sys-icon-weight: 300;
19
+ --ax-icon-weight: 300;
20
20
  }
21
21
  .ax-icon-regular {
22
- --ax-sys-icon-weight: 400;
22
+ --ax-icon-weight: 400;
23
23
  }
24
24
  .ax-icon-solid {
25
- --ax-sys-icon-weight: 900;
25
+ --ax-icon-weight: 900;
26
26
  }
27
27
 
28
28
  .ax-icon-more-horizontal {
package/icons/material/index.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  font-style: normal;
6
6
  font-size: 24px; /* Preferred icon size */
7
7
  display: inline-block;
8
+ line-height: 1;
8
9
  text-transform: none;
9
10
  letter-spacing: normal;
10
11
  word-wrap: normal;
@@ -21,16 +22,16 @@
21
22
  }
22
23
 
23
24
  .ax-icon-thin {
24
- --ax-sys-icon-weight: 100;
25
+ --ax-icon-weight: 100;
25
26
  }
26
27
  .ax-icon-light {
27
- --ax-sys-icon-weight: 300;
28
+ --ax-icon-weight: 300;
28
29
  }
29
30
  .ax-icon-regular {
30
- --ax-sys-icon-weight: 400;
31
+ --ax-icon-weight: 400;
31
32
  }
32
33
  .ax-icon-solid {
33
- --ax-sys-icon-weight: 900;
34
+ --ax-icon-weight: 900;
34
35
  }
35
36
 
36
37
  .ax-icon-more-horizontal {