@acorex/styles 18.12.29 → 18.12.30

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 (54) hide show
  1. package/README.md +32 -32
  2. package/icons/fontawesome/_variables.scss +185 -185
  3. package/icons/fontawesome/fontawesome.scss +17 -17
  4. package/icons/huge/huge-bulk/_variables.scss +185 -185
  5. package/icons/huge/huge-bulk/bulk-rounded.scss +13 -13
  6. package/icons/huge/huge-duotone/_variables.scss +185 -185
  7. package/icons/huge/huge-duotone/duotone-rounded.scss +13 -13
  8. package/icons/huge/huge-solid/solid-rounded.scss +13 -13
  9. package/icons/huge/huge-solid/solid-sharp.scss +13 -13
  10. package/icons/huge/huge-solid/solid-standard.scss +13 -13
  11. package/icons/huge/huge-solid/variables/_rounded-variables.scss +185 -185
  12. package/icons/huge/huge-solid/variables/_sharp-variables.scss +185 -185
  13. package/icons/huge/huge-solid/variables/_standard-variables.scss +185 -185
  14. package/icons/huge/huge-stroke/stroke-rounded.scss +13 -13
  15. package/icons/huge/huge-stroke/stroke-sharp.scss +13 -13
  16. package/icons/huge/huge-stroke/stroke-standard.scss +13 -13
  17. package/icons/huge/huge-stroke/variables/_rounded-variables.scss +185 -185
  18. package/icons/huge/huge-stroke/variables/_sharp-variables.scss +185 -185
  19. package/icons/huge/huge-stroke/variables/_standard-variables.scss +185 -185
  20. package/icons/huge/huge-twotone/_variables.scss +185 -185
  21. package/icons/huge/huge-twotone/twotone-rounded.scss +13 -13
  22. package/icons/index.scss +570 -570
  23. package/icons/material/_variables.scss +185 -185
  24. package/icons/material/material.scss +22 -22
  25. package/index.css +3058 -0
  26. package/index.min.css +1 -0
  27. package/index.scss +9 -9
  28. package/package.json +11 -11
  29. package/src/base/_preflight.scss +405 -405
  30. package/src/base/index.scss +13 -13
  31. package/src/mixins/_look.scss +83 -83
  32. package/src/mixins/_media.scss +73 -73
  33. package/src/mixins/_util.scss +19 -19
  34. package/src/mixins/index.scss +3 -3
  35. package/src/shared/_action-item.scss +109 -109
  36. package/src/shared/_actionsheet.scss +20 -20
  37. package/src/shared/_check-box.scss +60 -60
  38. package/src/shared/_color-look.scss +864 -864
  39. package/src/shared/_drop-down.scss +76 -76
  40. package/src/shared/_editor-container.scss +258 -258
  41. package/src/shared/_general-button.scss +87 -87
  42. package/src/shared/_inputs.scss +16 -16
  43. package/src/shared/_list.scss +199 -199
  44. package/src/shared/_radio.scss +57 -57
  45. package/src/shared/_table.scss +149 -149
  46. package/src/shared/_utils.scss +84 -84
  47. package/src/shared/index.scss +12 -12
  48. package/src/utility/index.scss +24 -24
  49. package/src/variables/_colors.scss +2 -2
  50. package/src/variables/_degrees.scss +1 -1
  51. package/src/variables/index.scss +2 -2
  52. package/tailwind-base.js +234 -234
  53. package/themes/default.css +1 -0
  54. package/themes/default.scss +143 -143
package/src/shared/_check-box.scss CHANGED
@@ -1,60 +1,60 @@
1
- @import '../mixins/index.scss';
2
-
3
- .ax-checkbox {
4
- // @apply ax-m-0 ax-h-4 ax-w-4 ax-cursor-pointer ax-appearance-none ax-rounded ax-border ax-border-default ax-bg-input-surface ax-align-middle ax-outline-none;
5
- margin: 0px;
6
- height: 1rem /* 16px */;
7
- min-width: 1rem /* 16px */;
8
- cursor: pointer;
9
- appearance: none;
10
- border-radius: 0.25rem /* 4px */;
11
- border-width: 1px;
12
- border-color: rgba(var(--ax-color-border-default));
13
- background-color: rgba(var(--ax-color-input-surface));
14
- vertical-align: middle;
15
- outline: 2px solid transparent;
16
- outline-offset: 2px;
17
-
18
- &:checked,
19
- &:indeterminate {
20
- // @apply ax-border-primary-500 ax-bg-primary-500 #{!important};
21
- border-color: rgba(var(--ax-color-primary-500)) !important;
22
- background-color: rgba(var(--ax-color-primary-500)) !important;
23
- background-size: contain;
24
- background-repeat: no-repeat;
25
-
26
- // @apply ax-bg-contain ax-bg-no-repeat;
27
- }
28
-
29
- &:checked {
30
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
31
- }
32
-
33
- &:indeterminate {
34
- background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzIiB5PSI3IiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjwvc3ZnPg==');
35
- }
36
-
37
- &:focus-visible,
38
- &:focus {
39
- // @apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2 ax-ring-offset-surface;
40
- box-shadow:
41
- 0px 0px 0px 2px rgba(var(--ax-color-surface)),
42
- 0px 0px 0px 4px rgba(var(--ax-color-primary-500));
43
- }
44
-
45
- &:disabled {
46
- // @apply ax-cursor-not-allowed ax-opacity-50;
47
- cursor: not-allowed;
48
- opacity: 0.5;
49
- }
50
- }
51
-
52
- // @include darkMode() {
53
- // .ax-checkbox {
54
- // &:checked {
55
- // border-color: rgba(var(--ax-color-primary-200)) !important;
56
- // background-color: rgba(var(--ax-color-primary-200)) !important;
57
- // background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
58
- // }
59
- // }
60
- // }
1
+ @import '../mixins/index.scss';
2
+
3
+ .ax-checkbox {
4
+ // @apply ax-m-0 ax-h-4 ax-w-4 ax-cursor-pointer ax-appearance-none ax-rounded ax-border ax-border-default ax-bg-input-surface ax-align-middle ax-outline-none;
5
+ margin: 0px;
6
+ height: 1rem /* 16px */;
7
+ min-width: 1rem /* 16px */;
8
+ cursor: pointer;
9
+ appearance: none;
10
+ border-radius: 0.25rem /* 4px */;
11
+ border-width: 1px;
12
+ border-color: rgba(var(--ax-color-border-default));
13
+ background-color: rgba(var(--ax-color-input-surface));
14
+ vertical-align: middle;
15
+ outline: 2px solid transparent;
16
+ outline-offset: 2px;
17
+
18
+ &:checked,
19
+ &:indeterminate {
20
+ // @apply ax-border-primary-500 ax-bg-primary-500 #{!important};
21
+ border-color: rgba(var(--ax-color-primary-500)) !important;
22
+ background-color: rgba(var(--ax-color-primary-500)) !important;
23
+ background-size: contain;
24
+ background-repeat: no-repeat;
25
+
26
+ // @apply ax-bg-contain ax-bg-no-repeat;
27
+ }
28
+
29
+ &:checked {
30
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
31
+ }
32
+
33
+ &:indeterminate {
34
+ background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIzIiB5PSI3IiB3aWR0aD0iMTAiIGhlaWdodD0iMiIvPjwvc3ZnPg==');
35
+ }
36
+
37
+ &:focus-visible,
38
+ &:focus {
39
+ // @apply ax-ring-2 ax-ring-primary-500 ax-ring-offset-2 ax-ring-offset-surface;
40
+ box-shadow:
41
+ 0px 0px 0px 2px rgba(var(--ax-color-surface)),
42
+ 0px 0px 0px 4px rgba(var(--ax-color-primary-500));
43
+ }
44
+
45
+ &:disabled {
46
+ // @apply ax-cursor-not-allowed ax-opacity-50;
47
+ cursor: not-allowed;
48
+ opacity: 0.5;
49
+ }
50
+ }
51
+
52
+ // @include darkMode() {
53
+ // .ax-checkbox {
54
+ // &:checked {
55
+ // border-color: rgba(var(--ax-color-primary-200)) !important;
56
+ // background-color: rgba(var(--ax-color-primary-200)) !important;
57
+ // background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
58
+ // }
59
+ // }
60
+ // }