@acorex/styles 5.1.2 → 5.1.6

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 (111) hide show
  1. package/fonts/font-awesome/fa-brands-400.eot +0 -0
  2. package/fonts/font-awesome/fa-brands-400.svg +3570 -0
  3. package/fonts/font-awesome/fa-brands-400.ttf +0 -0
  4. package/fonts/font-awesome/fa-brands-400.woff +0 -0
  5. package/fonts/font-awesome/fa-brands-400.woff2 +0 -0
  6. package/fonts/font-awesome/fa-duotone-900.eot +0 -0
  7. package/fonts/font-awesome/fa-duotone-900.svg +15055 -0
  8. package/fonts/font-awesome/fa-duotone-900.ttf +0 -0
  9. package/fonts/font-awesome/fa-duotone-900.woff +0 -0
  10. package/fonts/font-awesome/fa-duotone-900.woff2 +0 -0
  11. package/fonts/font-awesome/fa-light-300.eot +0 -0
  12. package/fonts/font-awesome/fa-light-300.svg +12330 -0
  13. package/fonts/font-awesome/fa-light-300.ttf +0 -0
  14. package/fonts/font-awesome/fa-light-300.woff +0 -0
  15. package/fonts/font-awesome/fa-light-300.woff2 +0 -0
  16. package/fonts/font-awesome/fa-regular-400.eot +0 -0
  17. package/fonts/font-awesome/fa-regular-400.svg +11256 -0
  18. package/fonts/font-awesome/fa-regular-400.ttf +0 -0
  19. package/fonts/font-awesome/fa-regular-400.woff +0 -0
  20. package/fonts/font-awesome/fa-regular-400.woff2 +0 -0
  21. package/fonts/font-awesome/fa-solid-900.eot +0 -0
  22. package/fonts/font-awesome/fa-solid-900.svg +9588 -0
  23. package/fonts/font-awesome/fa-solid-900.ttf +0 -0
  24. package/fonts/font-awesome/fa-solid-900.woff +0 -0
  25. package/fonts/font-awesome/fa-solid-900.woff2 +0 -0
  26. package/fonts/font-awesome/font-awesome.css +16960 -0
  27. package/package.json +10 -10
  28. package/scss/buttons.scss +69 -0
  29. package/scss/calendar.scss +121 -0
  30. package/scss/checkbox.scss +46 -0
  31. package/scss/context-menu.scss +75 -0
  32. package/scss/data-grid.scss +117 -0
  33. package/scss/drawer.scss +138 -0
  34. package/scss/fieldset.scss +23 -0
  35. package/scss/forms.scss +515 -0
  36. package/scss/list.scss +47 -0
  37. package/scss/master.scss +259 -0
  38. package/scss/menu.scss +130 -0
  39. package/scss/mixin.scss +12 -0
  40. package/scss/page.scss +54 -0
  41. package/scss/progress.scss +11 -0
  42. package/scss/selection-list.scss +104 -0
  43. package/scss/style.scss +47 -0
  44. package/scss/tab-strip.scss +31 -0
  45. package/scss/tab.scss +36 -0
  46. package/scss/toast.scss +46 -0
  47. package/scss/tooltip.scss +55 -0
  48. package/scss/treeview.scss +122 -0
  49. package/scss/upload.scss +170 -0
  50. package/scss/variables.scss +139 -0
  51. package/index.scss +0 -11
  52. package/src/base/index.scss +0 -44
  53. package/src/components/_action-sheet.scss +0 -25
  54. package/src/components/_alert.scss +0 -64
  55. package/src/components/_avatar.scss +0 -135
  56. package/src/components/_badge.scss +0 -45
  57. package/src/components/_breadcrumbs.scss +0 -24
  58. package/src/components/_button.scss +0 -762
  59. package/src/components/_calendar.scss +0 -166
  60. package/src/components/_carousel.scss +0 -44
  61. package/src/components/_checkbox.scss +0 -63
  62. package/src/components/_collapse.scss +0 -52
  63. package/src/components/_datapager.scss +0 -40
  64. package/src/components/_datepicker.scss +0 -5
  65. package/src/components/_dialog.scss +0 -63
  66. package/src/components/_drawer.scss +0 -126
  67. package/src/components/_dropdown.scss +0 -226
  68. package/src/components/_editor-container.scss +0 -139
  69. package/src/components/_fieldset.scss +0 -8
  70. package/src/components/_form.scss +0 -8
  71. package/src/components/_input.scss +0 -14
  72. package/src/components/_label.scss +0 -7
  73. package/src/components/_list.scss +0 -80
  74. package/src/components/_loading.scss +0 -59
  75. package/src/components/_menu.scss +0 -50
  76. package/src/components/_numberbox.scss +0 -17
  77. package/src/components/_picker.scss +0 -11
  78. package/src/components/_popup.scss +0 -126
  79. package/src/components/_progress.scss +0 -62
  80. package/src/components/_radio.scss +0 -32
  81. package/src/components/_range-slider.scss +0 -15
  82. package/src/components/_rating.scss +0 -14
  83. package/src/components/_result.scss +0 -25
  84. package/src/components/_selectbox.scss +0 -18
  85. package/src/components/_selection-list.scss +0 -54
  86. package/src/components/_side-menu.scss +0 -42
  87. package/src/components/_skeleton.scss +0 -22
  88. package/src/components/_switch copy.scss +0 -185
  89. package/src/components/_switch.scss +0 -187
  90. package/src/components/_table.scss +0 -48
  91. package/src/components/_tabs.scss +0 -238
  92. package/src/components/_textarea.scss +0 -39
  93. package/src/components/_toast.scss +0 -82
  94. package/src/components/_tooltip.scss +0 -44
  95. package/src/components/_treeview.scss +0 -55
  96. package/src/components/index.scss +0 -42
  97. package/src/icons/Read Me.txt +0 -7
  98. package/src/icons/demo-files/demo.css +0 -152
  99. package/src/icons/demo-files/demo.js +0 -30
  100. package/src/icons/demo.html +0 -500
  101. package/src/icons/fonts/acorex-icon.eot +0 -0
  102. package/src/icons/fonts/acorex-icon.svg +0 -43
  103. package/src/icons/fonts/acorex-icon.ttf +0 -0
  104. package/src/icons/fonts/acorex-icon.woff +0 -0
  105. package/src/icons/selection.json +0 -1
  106. package/src/icons/style.css +0 -126
  107. package/src/icons/style.scss +0 -195
  108. package/src/icons/variables.scss +0 -37
  109. package/src/utility/_mixins.scss +0 -83
  110. package/src/utility/index.scss +0 -16
  111. package/src/variables/_colors.scss +0 -121
package/src/components/_avatar.scss DELETED
@@ -1,135 +0,0 @@
1
- @layer components {
2
- ax-avatar-group,
3
- .ax-avatar-group {
4
- @apply ax-flex;
5
- ax-avatar {
6
- @apply ax-border-2 ax-border-white -ax-m-1 dark:ax-border-dark-500;
7
- }
8
- }
9
- ax-avatar,
10
- .ax-avatar {
11
- @apply ax-relative ax-flex ax-items-center ax-justify-center ax-w-16 ax-h-16;
12
- ax-badge {
13
- @apply ax-absolute -ax-top-1.5;
14
- right: -6px;
15
- }
16
- .ax-avatar-container {
17
- @apply ax-w-full ax-h-full ax-rounded-md;
18
- .ax-default-avatar {
19
- svg {
20
- @apply ax-w-full;
21
- }
22
- }
23
- .ax-default-avatar,
24
- .ax-text-avatar,
25
- .ax-icon-avatar,
26
- .ax-image-avatar {
27
- @apply ax-w-full ax-h-full ax-flex ax-items-center ax-justify-center ax-bg-light-200 dark:ax-bg-dark-500 ax-overflow-hidden;
28
- }
29
- }
30
- &.ax-primary-default {
31
- .ax-default-avatar {
32
- svg {
33
- @apply ax-fill-primary-500;
34
- }
35
- }
36
- .ax-text-avatar {
37
- @apply ax-bg-primary-100 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
38
- }
39
- .ax-icon-avatar {
40
- @apply ax-bg-primary-500;
41
- }
42
- }
43
- &.ax-secondary-default {
44
- .ax-default-avatar {
45
- svg {
46
- @apply ax-fill-secondary-500;
47
- }
48
- }
49
- .ax-text-avatar {
50
- @apply ax-bg-secondary-100 ax-text-secondary-500 dark:ax-bg-secondary-500 dark:ax-text-secondary-fore;
51
- }
52
- .ax-icon-avatar {
53
- @apply ax-bg-secondary-500;
54
- }
55
- }
56
- &.ax-success-default {
57
- .ax-default-avatar {
58
- svg {
59
- @apply ax-fill-success-500;
60
- }
61
- }
62
- .ax-text-avatar {
63
- @apply ax-bg-success-100 ax-text-success-500 dark:ax-bg-success-500 dark:ax-text-success-fore;
64
- }
65
- .ax-icon-avatar {
66
- @apply ax-bg-success-500;
67
- }
68
- }
69
- &.ax-warning-default {
70
- .ax-default-avatar {
71
- svg {
72
- @apply ax-fill-warning-500;
73
- }
74
- }
75
- .ax-text-avatar {
76
- @apply ax-bg-warning-100 ax-text-warning-500 dark:ax-bg-warning-500 dark:ax-text-warning-fore;
77
- }
78
- .ax-icon-avatar {
79
- @apply ax-bg-warning-500;
80
- }
81
- }
82
- &.ax-danger-default {
83
- .ax-default-avatar {
84
- svg {
85
- @apply ax-fill-danger-500;
86
- }
87
- }
88
- .ax-text-avatar {
89
- @apply ax-bg-danger-100 ax-text-danger-500 dark:ax-bg-danger-500 dark:ax-text-danger-fore;
90
- }
91
- .ax-icon-avatar {
92
- @apply ax-bg-danger-500;
93
- }
94
- }
95
- &.ax-info-default {
96
- .ax-default-avatar {
97
- svg {
98
- @apply ax-fill-info-500;
99
- }
100
- }
101
- .ax-text-avatar {
102
- @apply ax-bg-info-100 ax-text-info-500 dark:ax-bg-info-500 dark:ax-text-info-fore;
103
- }
104
- .ax-icon-avatar {
105
- @apply ax-bg-info-500;
106
- }
107
- }
108
- &.ax-light-default {
109
- .ax-default-avatar {
110
- svg {
111
- @apply ax-fill-light-400;
112
- }
113
- }
114
- .ax-text-avatar {
115
- @apply ax-bg-light-100 ax-text-light-500 dark:ax-bg-light-500 dark:ax-text-light-fore;
116
- }
117
- .ax-icon-avatar {
118
- @apply ax-bg-light-500;
119
- }
120
- }
121
- &.ax-dark-default {
122
- .ax-default-avatar {
123
- svg {
124
- @apply ax-fill-dark-500;
125
- }
126
- }
127
- .ax-text-avatar {
128
- @apply ax-bg-dark-100 ax-text-dark-500 dark:ax-bg-dark-500 dark:ax-text-dark-fore;
129
- }
130
- .ax-icon-avatar {
131
- @apply ax-bg-dark-500;
132
- }
133
- }
134
- }
135
- }
package/src/components/_badge.scss DELETED
@@ -1,45 +0,0 @@
1
- @layer components {
2
- .ax-badge {
3
- @apply ax-rounded ax-align-middle ax-flex ax-justify-center ax-items-center ax-max-w-max ax-text-sm ax-px-2;
4
- min-width: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 15px);
5
- height: calc((var(--ax-base-size) * var(--ax-base-ratio)) - 15px);
6
- ax-prefix {
7
- @apply ax-me-1.5;
8
- }
9
- ax-suffix {
10
- @apply ax-ms-1.5;
11
- }
12
- &.ax-badge-icon {
13
- ax-prefix,
14
- ax-suffix {
15
- @apply ax-m-0;
16
- }
17
- }
18
-
19
- @include color-look-generator();
20
- // &.ax-primary-default {
21
- // @apply ax-bg-primary-50 ax-text-primary-500 dark:ax-bg-primary-500 dark:ax-text-primary-fore;
22
- // }
23
- // &.ax-secondary-default {
24
- // @apply ax-bg-secondary-50 ax-text-secondary-500 dark:ax-bg-secondary-500 dark:ax-text-secondary-fore;
25
- // }
26
- // &.ax-success-default {
27
- // @apply ax-bg-success-50 ax-text-success-500 dark:ax-bg-success-500 dark:ax-text-success-fore;
28
- // }
29
- // &.ax-warning-default {
30
- // @apply ax-bg-warning-50 ax-text-warning-700 dark:ax-bg-warning-500 dark:ax-text-warning-fore;
31
- // }
32
- // &.ax-danger-default {
33
- // @apply ax-bg-danger-50 ax-text-danger-500 dark:ax-bg-danger-500 dark:ax-text-danger-fore;
34
- // }
35
- // &.ax-info-default {
36
- // @apply ax-bg-info-50 ax-text-info-500 dark:ax-bg-info-500 dark:ax-text-info-fore;
37
- // }
38
- // &.ax-light-default {
39
- // @apply ax-bg-light-200 ax-text-light-700;
40
- // }
41
- // &.ax-dark-default {
42
- // @apply ax-bg-dark-500 ax-text-dark-fore dark:ax-bg-dark-500 dark:ax-text-dark-50;
43
- // }
44
- }
45
- }
package/src/components/_breadcrumbs.scss DELETED
@@ -1,24 +0,0 @@
1
- @layer components {
2
- ax-breadcrumbs,
3
- .ax-breadcrumbs {
4
- @apply ax-flex ax-items-center;
5
- ax-breadcrumbs-item,
6
- .ax-breadcrumbs-item {
7
- ax-prefix {
8
- @apply ax-pe-2;
9
- }
10
- ax-suffix {
11
- @apply ax-ps-2;
12
- }
13
- @apply ax-relative ax-flex ax-items-center ax-ps-3 ax-pe-3.5 ax-text-sm ax-cursor-pointer first:ax-ps-0;
14
-
15
- &:not(:last-child) {
16
- &::after {
17
- @apply ax-absolute ax-text-light-300 dark:ax-opacity-30;
18
- inset-inline-end:0px;
19
- content: "/";
20
- }
21
- }
22
- }
23
- }
24
- }