@acorex/styles 19.8.0-next.9 → 19.10.0-next.0

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 (50) hide show
  1. package/icons/fontawesome/_variables.scss +9 -0
  2. package/icons/fontawesome/index.scss +27 -0
  3. package/icons/huge/huge-bulk/_variables.scss +9 -0
  4. package/icons/huge/huge-bulk/index.scss +27 -0
  5. package/icons/huge/huge-duotone/_variables.scss +9 -0
  6. package/icons/huge/huge-duotone/index.scss +27 -0
  7. package/icons/huge/huge-solid-rounded/_variables.scss +9 -0
  8. package/icons/huge/huge-solid-rounded/index.scss +27 -0
  9. package/icons/huge/huge-solid-sharp/_variables.scss +9 -0
  10. package/icons/huge/huge-solid-sharp/index.scss +27 -0
  11. package/icons/huge/huge-solid-standard/_variables.scss +9 -0
  12. package/icons/huge/huge-solid-standard/index.scss +27 -0
  13. package/icons/huge/huge-stroke-rounded/_variables.scss +9 -0
  14. package/icons/huge/huge-stroke-rounded/index.scss +27 -0
  15. package/icons/huge/huge-stroke-sharp/_variables.scss +9 -0
  16. package/icons/huge/huge-stroke-sharp/index.scss +27 -0
  17. package/icons/huge/huge-stroke-standard/_variables.scss +9 -0
  18. package/icons/huge/huge-stroke-standard/index.scss +27 -0
  19. package/icons/huge/huge-twotone/_variables.scss +9 -0
  20. package/icons/huge/huge-twotone/index.scss +27 -0
  21. package/icons/material/_variables.scss +9 -0
  22. package/icons/material/index.scss +27 -0
  23. package/index.css +21 -179
  24. package/index.min.css +1 -1
  25. package/index.scss +0 -1
  26. package/package.json +1 -1
  27. package/src/mixins/_look.scss +4 -4
  28. package/src/shared/_action-item.scss +1 -1
  29. package/src/shared/_actionsheet.scss +1 -1
  30. package/src/shared/_check-box.scss +3 -3
  31. package/src/shared/_drop-down.scss +3 -3
  32. package/src/shared/_editor-container.scss +3 -3
  33. package/src/shared/_general-button.scss +1 -1
  34. package/src/shared/_list.scss +3 -3
  35. package/src/shared/_radio.scss +3 -3
  36. package/src/shared/_table.scss +3 -3
  37. package/src/shared/_utils.scss +3 -3
  38. package/src/utility/index.scss +1 -1
  39. package/tailwind-base.js +73 -56
  40. package/themes/default.css +1 -1
  41. package/themes/default.scss +203 -204
  42. package/themes/test.scss +52 -52
  43. package/src/components/editors/_base.scss +0 -50
  44. package/src/components/editors/index.scss +0 -60
  45. package/src/components/editors/looks/_fill.scss +0 -17
  46. package/src/components/editors/looks/_flat.scss +0 -18
  47. package/src/components/editors/looks/_outline.scss +0 -18
  48. package/src/components/editors/looks/_solid.scss +0 -20
  49. package/src/components/editors/looks/index.scss +0 -4
  50. package/src/components/index.scss +0 -1
package/src/components/editors/index.scss DELETED
@@ -1,60 +0,0 @@
1
- @use './base' as *;
2
- @use './looks/index.scss' as *;
3
-
4
- .ax-editor-container {
5
- background-color: rgba(var(--ax-comp-editor-bg-color));
6
- color: rgba(var(--ax-comp-editor-text-color));
7
- border-color: rgba(var(--ax-comp-editor-border-color));
8
- border-radius: var(--ax-comp-editor-border-radius);
9
- border-style: solid;
10
- display: inline-flex;
11
- align-items: center;
12
- height: var(--ax-comp-editor-height);
13
- width: 100%;
14
- overflow: hidden;
15
- position: relative;
16
-
17
- ax-prefix {
18
- max-width: fit-content;
19
- font-size: var(--ax-comp-editor-font-size);
20
- padding: var(--ax-comp-editor-decorator-padding-y, 0) var(--ax-comp-editor-decorator-padding-x);
21
- }
22
- ax-clear-button {
23
- margin-inline-end: var(--ax-comp-editor-decorator-padding-x);
24
- }
25
- ax-suffix {
26
- margin-inline-start: var(--ax-comp-editor-decorator-padding-x);
27
- }
28
-
29
- .ax-input {
30
- width: 100%;
31
- height: 100%;
32
- font-size: var(--ax-comp-editor-font-size);
33
- padding: 0px;
34
- outline-width: 0px;
35
- padding: 0 var(--ax-comp-editor-padding-x);
36
-
37
- background-color: transparent;
38
- &:focus,
39
- &:focus-visible,
40
- &:focus-within {
41
- outline: none;
42
- }
43
- &::placeholder {
44
- color: rgba(var(--ax-comp-editor-placeholder-color));
45
- font-size: calc(var(--ax-comp-editor-font-size));
46
- }
47
- }
48
- .ax-editor-button {
49
- height: var(--ax-comp-editor-button-height, 100%);
50
- padding: var(--ax-comp-editor-decorator-button-y, 0) var(--ax-comp-editor-decorator-button-x, 0.75rem);
51
- font-size: var(--ax-comp-editor-button-font-size, 100%);
52
- color: rgba(
53
- var(--ax-comp-editor-button-text-color),
54
- var(--ax-comp-editor-button-text-color-opacity, 0.6)
55
- );
56
- display: flex;
57
- align-items: center;
58
- justify-content: center;
59
- }
60
- }
package/src/components/editors/looks/_fill.scss DELETED
@@ -1,17 +0,0 @@
1
- .ax-editor-container {
2
- &.ax-fill {
3
- --ax-comp-editor-bg-color: var(--ax-sys-surface-bg-color);
4
- --ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);
5
- --ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);
6
- --ax-comp-editor-border-color: transparent;
7
- --ax-comp-editor-border-radius: var(--ax-sys-border-radius);
8
- --ax-comp-editor-border-width: 0px;
9
-
10
- &:focus,
11
- &:focus-within,
12
- &:focus-visible {
13
- --ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
14
- box-shadow: 0px 0px 0 2px rgba(var(--ax-sys-color-primary-500));
15
- }
16
- }
17
- }
package/src/components/editors/looks/_flat.scss DELETED
@@ -1,18 +0,0 @@
1
- .ax-editor-container {
2
- &.ax-flat {
3
- --ax-comp-editor-bg-color: 0, 0, 0, 0;
4
- --ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);
5
- --ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);
6
- --ax-comp-editor-border-color: var(--ax-sys-surface-input-border-color);
7
- --ax-comp-editor-border-radius: 0px;
8
- --ax-comp-editor-border-width: 1px;
9
- border-bottom-width: var(--ax-comp-editor-border-width);
10
-
11
- &:focus,
12
- &:focus-within,
13
- &:focus-visible {
14
- --ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
15
- box-shadow: 0px 1px 0 0px rgba(var(--ax-sys-color-primary-500));
16
- }
17
- }
18
- }
package/src/components/editors/looks/_outline.scss DELETED
@@ -1,18 +0,0 @@
1
- .ax-editor-container {
2
- &.ax-outline {
3
- --ax-comp-editor-bg-color: transparent;
4
- --ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);
5
- --ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);
6
- --ax-comp-editor-border-color: var(--ax-sys-surface-input-border-color);
7
- --ax-comp-editor-border-radius: var(--ax-sys-border-radius);
8
- --ax-comp-editor-border-width: 1px;
9
- border-width: var(--ax-comp-editor-border-width);
10
-
11
- &:focus,
12
- &:focus-within,
13
- &:focus-visible {
14
- --ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
15
- box-shadow: 0px 0px 0 1px rgba(var(--ax-sys-color-primary-500));
16
- }
17
- }
18
- }
package/src/components/editors/looks/_solid.scss DELETED
@@ -1,20 +0,0 @@
1
- .ax-editor-container {
2
- &.ax-solid {
3
- --ax-comp-editor-bg-color: var(--ax-sys-surface-input-bg-color);
4
- --ax-comp-editor-text-color: var(--ax-sys-surface-input-text-color);
5
- --ax-comp-editor-placeholder-color: var(--ax-sys-surface-input-placeholder-color);
6
- --ax-comp-editor-border-color: var(--ax-sys-surface-input-border-color);
7
- --ax-comp-editor-border-radius: var(--ax-sys-border-radius);
8
- --ax-comp-editor-button-bg-hover-color: var(--ax-sys-surface-high-bg-color);
9
- --ax-comp-editor-border-width: 1px;
10
- --ax-comp-editor-box-shadow: inset 0px -1px rgba(var(--ax-comp-editor-border-color));
11
- border-width: var(--ax-comp-editor-border-width);
12
- // box-shadow: var(--ax-comp-editor-box-shadow);
13
- &:focus,
14
- &:focus-within,
15
- &:focus-visible {
16
- --ax-comp-editor-border-color: var(--ax-sys-color-primary-500);
17
- box-shadow: 0px 0px 0 1px rgba(var(--ax-sys-color-primary-500));
18
- }
19
- }
20
- }
package/src/components/editors/looks/index.scss DELETED
@@ -1,4 +0,0 @@
1
- @forward './solid';
2
- @forward './fill';
3
- @forward './outline';
4
- @forward './flat';
package/src/components/index.scss DELETED
@@ -1 +0,0 @@
1
- @use './editors/index.scss';