@acorex/styles 7.5.0 → 7.5.1

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 (17) hide show
  1. package/package.json +1 -1
  2. package/src/base/_normalize.scss +19 -5
  3. package/src/icons/demo-files/demo.js +23 -24
  4. package/src/icons/selection.json +1103 -1
  5. package/src/mixins/_appearance.scss +7 -5
  6. package/src/shared/_drop-down.scss +9 -3
  7. package/src/shared/_editor-container.scss +15 -14
  8. package/src/shared/_general-button.scss +27 -8
  9. package/src/shared/_list.scss +4 -4
  10. package/src/shared/_skeleton.scss +7 -2
  11. package/src/shared/_table.scss +3 -3
  12. package/src/shared/_utils.scss +26 -20
  13. package/src/shared/index.scss +12 -13
  14. package/src/themes/default.scss +14 -22
  15. package/src/variables/_colors.scss +1 -1
  16. package/tailwind-base.js +15 -15
  17. package/src/shared/_icon-control.scss +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "7.5.0",
3
+ "version": "7.5.1",
4
4
  "main": "index.js",
5
5
  "author": "Ali Safari",
6
6
  "license": "ISC",
package/src/base/_normalize.scss CHANGED
@@ -43,8 +43,21 @@ html {
43
43
  -o-tab-size: 4;
44
44
  tab-size: 4;
45
45
  /* 3 */
46
- font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans',
47
- sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
46
+ font-family:
47
+ ui-sans-serif,
48
+ system-ui,
49
+ -apple-system,
50
+ BlinkMacSystemFont,
51
+ 'Segoe UI',
52
+ Roboto,
53
+ 'Helvetica Neue',
54
+ Arial,
55
+ 'Noto Sans',
56
+ sans-serif,
57
+ 'Apple Color Emoji',
58
+ 'Segoe UI Emoji',
59
+ 'Segoe UI Symbol',
60
+ 'Noto Color Emoji';
48
61
  /* 4 */
49
62
  font-feature-settings: normal;
50
63
  /* 5 */
@@ -127,7 +140,8 @@ code,
127
140
  kbd,
128
141
  samp,
129
142
  pre {
130
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
143
+ font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
144
+ monospace;
131
145
  /* 1 */
132
146
  font-size: 1em;
133
147
  /* 2 */
@@ -356,7 +370,7 @@ input::-moz-placeholder,
356
370
  textarea::-moz-placeholder {
357
371
  opacity: 1;
358
372
  /* 1 */
359
- color: #9ca3af;
373
+ color: rgba(var(--ax-color-text-default), 0.5);
360
374
  /* 2 */
361
375
  }
362
376
 
@@ -364,7 +378,7 @@ input::placeholder,
364
378
  textarea::placeholder {
365
379
  opacity: 1;
366
380
  /* 1 */
367
- color: #9ca3af;
381
+ color: rgba(var(--ax-color-text-default), 0.5);
368
382
  /* 2 */
369
383
  }
370
384
 
package/src/icons/demo-files/demo.js CHANGED
@@ -1,30 +1,29 @@
1
1
  if (!('boxShadow' in document.body.style)) {
2
- document.body.setAttribute('class', 'noBoxShadow');
2
+ document.body.setAttribute('class', 'noBoxShadow');
3
3
  }
4
4
 
5
- document.body.addEventListener("click", function(e) {
6
- var target = e.target;
7
- if (target.tagName === "INPUT" &&
8
- target.getAttribute('class').indexOf('liga') === -1) {
9
- target.select();
10
- }
5
+ document.body.addEventListener('click', function (e) {
6
+ var target = e.target;
7
+ if (target.tagName === 'INPUT' && target.getAttribute('class').indexOf('liga') === -1) {
8
+ target.select();
9
+ }
11
10
  });
12
11
 
13
- (function() {
14
- var fontSize = document.getElementById('fontSize'),
15
- testDrive = document.getElementById('testDrive'),
16
- testText = document.getElementById('testText');
17
- function updateTest() {
18
- testDrive.innerHTML = testText.value || String.fromCharCode(160);
19
- if (window.icomoonLiga) {
20
- window.icomoonLiga(testDrive);
21
- }
22
- }
23
- function updateSize() {
24
- testDrive.style.fontSize = fontSize.value + 'px';
12
+ (function () {
13
+ var fontSize = document.getElementById('fontSize'),
14
+ testDrive = document.getElementById('testDrive'),
15
+ testText = document.getElementById('testText');
16
+ function updateTest() {
17
+ testDrive.innerHTML = testText.value || String.fromCharCode(160);
18
+ if (window.icomoonLiga) {
19
+ window.icomoonLiga(testDrive);
25
20
  }
26
- fontSize.addEventListener('change', updateSize, false);
27
- testText.addEventListener('input', updateTest, false);
28
- testText.addEventListener('change', updateTest, false);
29
- updateSize();
30
- }());
21
+ }
22
+ function updateSize() {
23
+ testDrive.style.fontSize = fontSize.value + 'px';
24
+ }
25
+ fontSize.addEventListener('change', updateSize, false);
26
+ testText.addEventListener('input', updateTest, false);
27
+ testText.addEventListener('change', updateTest, false);
28
+ updateSize();
29
+ })();