@acorex/styles 7.0.28 → 7.0.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 (7) hide show
  1. package/package.json +1 -1
  2. package/src/mixins/_util.scss +13 -13
  3. package/src/shared/_check-box.scss +3 -3
  4. package/src/shared/_editor-container.scss +2 -2
  5. package/src/shared/_list.scss +1 -1
  6. package/src/shared/_radio.scss +3 -3
  7. package/src/variables/_colors.scss +82 -89
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@acorex/styles",
3
- "version": "7.0.28",
3
+ "version": "7.0.30",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "author": "",
package/src/mixins/_util.scss CHANGED
@@ -1,20 +1,20 @@
1
1
  @mixin color-variable-genterator($array) {
2
- @each $name, $color in $array {
3
- @if (type-of($color) == "map") {
4
- @each $subname, $variant in $color {
5
- @if ($subname != "") {
6
- --ax-color-#{$name}-#{$subname}: #{$variant};
7
- } @else {
8
- --ax-color-#{$name}: #{$variant};
9
- }
10
- }
2
+ @each $name, $color in $array {
3
+ @if (type-of($color) == 'map') {
4
+ @each $subname, $variant in $color {
5
+ @if ($subname != '') {
6
+ --ax-color-#{$name}-#{$subname}: #{$variant};
11
7
  } @else {
12
- --ax-color-#{$name}: #{$color};
8
+ --ax-color-#{$name}: #{$variant};
13
9
  }
10
+ }
11
+ } @else {
12
+ --ax-color-#{$name}: #{$color};
14
13
  }
14
+ }
15
15
  }
16
16
  @mixin darkMode() {
17
- html.ax-dark {
18
- @content;
19
- }
17
+ html.ax-dark {
18
+ @content;
19
+ }
20
20
  }
package/src/shared/_check-box.scss CHANGED
@@ -19,8 +19,8 @@
19
19
 
20
20
  &:checked,
21
21
  &:indeterminate {
22
- border-color: rgba(var(--ax-color-primary)) !important;
23
- background-color: rgba(var(--ax-color-primary)) !important;
22
+ border-color: rgba(var(--ax-color-primary-500)) !important;
23
+ background-color: rgba(var(--ax-color-primary-500)) !important;
24
24
  background-repeat: no-repeat;
25
25
  background-size: contain;
26
26
  }
@@ -37,7 +37,7 @@
37
37
  outline-offset: 2px;
38
38
  outline-width: 2px;
39
39
  outline-style: solid;
40
- outline-color: rgba(var(--ax-color-primary));
40
+ outline-color: rgba(var(--ax-color-primary-500));
41
41
  }
42
42
 
43
43
  &:disabled {
package/src/shared/_editor-container.scss CHANGED
@@ -151,7 +151,7 @@
151
151
  }
152
152
  .ax-input {
153
153
  &::placeholder {
154
- color: rgb(var(--ax-color-danger));
154
+ color: rgb(var(--ax-color-danger-500));
155
155
  }
156
156
  }
157
157
  }
@@ -164,7 +164,7 @@
164
164
  }
165
165
  .ax-input {
166
166
  &::placeholder {
167
- color: rgb(var(--ax-color-success));
167
+ color: rgb(var(--ax-color-success-500));
168
168
  }
169
169
  }
170
170
  }
package/src/shared/_list.scss CHANGED
@@ -105,7 +105,7 @@
105
105
  background-color: rgba(var(--ax-color-primary-50)) !important;
106
106
  color: rgba(var(--ax-color-primary-500)) !important;
107
107
  .ax-selected-icon {
108
- color: rgb(var(--ax-color-primary));
108
+ color: rgb(var(--ax-color-primary-500));
109
109
  font-size: 1.5rem;
110
110
  }
111
111
  }
package/src/shared/_radio.scss CHANGED
@@ -17,9 +17,9 @@
17
17
  appearance: none;
18
18
 
19
19
  &:checked {
20
- border-color: rgb(var(--ax-color-primary));
20
+ border-color: rgb(var(--ax-color-primary-500));
21
21
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
22
- background-color: rgb(var(--ax-color-primary));
22
+ background-color: rgb(var(--ax-color-primary-500));
23
23
  background-repeat: no-repeat;
24
24
  background-size: contain;
25
25
  }
@@ -28,7 +28,7 @@
28
28
  outline-offset: 2px;
29
29
  outline-width: 2px;
30
30
  outline-style: solid;
31
- outline-color: rgba(var(--ax-color-primary));
31
+ outline-color: rgba(var(--ax-color-primary-500));
32
32
  }
33
33
 
34
34
  &:disabled {
package/src/variables/_colors.scss CHANGED
@@ -1,91 +1,84 @@
1
- $color_names: "primary", "secondary", "success", "warning", "danger";
2
- $look_names: "default", "outline", "blank";
1
+ $color_names: 'primary', 'secondary', 'success', 'warning', 'danger';
2
+ $look_names: 'default', 'outline', 'blank';
3
3
  $theme-colors: (
4
- "white": "255, 255, 255",
5
- "black": "0, 0, 0",
6
- "primary": (
7
- "": "59, 130, 246",
8
- "fore": "255, 255, 255",
9
- "50": "239, 246, 255",
10
- "100": "219, 234, 254",
11
- "200": "191, 219, 254",
12
- "300": "147, 197, 253",
13
- "400": "96, 165, 250",
14
- "500": "59, 130, 246",
15
- "600": "37, 99, 235",
16
- "700": "29, 78, 216",
17
- "800": "30, 64, 175",
18
- "900": "30, 58, 138",
19
- ),
20
- "secondary": (
21
- "": "73, 82, 97",
22
- "fore": "255, 255, 255",
23
- "50": "233, 234, 236",
24
- "100": "200, 203, 208",
25
- "200": "164, 169, 176",
26
- "300": "128, 134, 144",
27
- "400": "100, 108, 121",
28
- "500": "73, 82, 97",
29
- "600": "66, 75, 89",
30
- "700": "57, 65, 79",
31
- "800": "49, 56, 69",
32
- "900": "33, 40, 51",
33
- ),
34
- "success": (
35
- "": "16, 185, 129",
36
- "fore": "255, 255, 255",
37
- "50": "236, 253, 245",
38
- "100": "209, 250, 229",
39
- "200": "167, 243, 208",
40
- "300": "110, 231, 183",
41
- "400": "52, 211, 153",
42
- "500": "16, 185, 129",
43
- "600": "5, 150, 105",
44
- "700": "4, 120, 87",
45
- "800": "6, 95, 70",
46
- "900": "6, 78, 59",
47
- ),
48
- "danger": (
49
- "": "239, 68, 68",
50
- "fore": "255, 255, 255",
51
- "50": "254, 242, 242",
52
- "100": "254, 226, 226",
53
- "200": "254, 202, 202",
54
- "300": "252, 165, 165",
55
- "400": "248, 113, 113",
56
- "500": "239, 68, 68",
57
- "600": "220, 38, 38",
58
- "700": "185, 28, 28",
59
- "800": "153, 27, 27",
60
- "900": "127, 29, 29",
61
- ),
62
- "warning": (
63
- "": "255, 193, 7",
64
- "fore": "120, 53, 15",
65
- "50": "255, 248, 225",
66
- "100": "255, 236, 179",
67
- "200": "255, 224, 130",
68
- "300": "255, 213, 79",
69
- "400": "255, 202, 40",
70
- "500": "255, 193, 7",
71
- "600": "255, 179, 0",
72
- "700": "255, 160, 0",
73
- "800": "255, 143, 0",
74
- "900": "255, 111, 0",
75
- ),
76
- "neutral": (
77
- "": "113, 113, 122",
78
- "fore": "24, 24, 27",
79
- "50": "250, 250, 250",
80
- "100": "244, 244, 245",
81
- "200": "228, 228, 231",
82
- "300": "212, 212, 216",
83
- "400": "161, 161, 170",
84
- "500": "113, 113, 122",
85
- "600": "82, 82, 91",
86
- "700": "63, 63, 70",
87
- "800": "39, 39, 42",
88
- "900": "24, 24, 27",
89
- )
90
-
4
+ 'white': '255, 255, 255',
5
+ 'black': '0, 0, 0',
6
+ 'primary': (
7
+ 'fore': '255, 255, 255',
8
+ '50': '239, 246, 255',
9
+ '100': '219, 234, 254',
10
+ '200': '191, 219, 254',
11
+ '300': '147, 197, 253',
12
+ '400': '96, 165, 250',
13
+ '500': '59, 130, 246',
14
+ '600': '37, 99, 235',
15
+ '700': '29, 78, 216',
16
+ '800': '30, 64, 175',
17
+ '900': '30, 58, 138',
18
+ ),
19
+ 'secondary': (
20
+ 'fore': '255, 255, 255',
21
+ '50': '233, 234, 236',
22
+ '100': '200, 203, 208',
23
+ '200': '164, 169, 176',
24
+ '300': '128, 134, 144',
25
+ '400': '100, 108, 121',
26
+ '500': '73, 82, 97',
27
+ '600': '66, 75, 89',
28
+ '700': '57, 65, 79',
29
+ '800': '49, 56, 69',
30
+ '900': '33, 40, 51',
31
+ ),
32
+ 'success': (
33
+ 'fore': '255, 255, 255',
34
+ '50': '236, 253, 245',
35
+ '100': '209, 250, 229',
36
+ '200': '167, 243, 208',
37
+ '300': '110, 231, 183',
38
+ '400': '52, 211, 153',
39
+ '500': '16, 185, 129',
40
+ '600': '5, 150, 105',
41
+ '700': '4, 120, 87',
42
+ '800': '6, 95, 70',
43
+ '900': '6, 78, 59',
44
+ ),
45
+ 'danger': (
46
+ 'fore': '255, 255, 255',
47
+ '50': '254, 242, 242',
48
+ '100': '254, 226, 226',
49
+ '200': '254, 202, 202',
50
+ '300': '252, 165, 165',
51
+ '400': '248, 113, 113',
52
+ '500': '239, 68, 68',
53
+ '600': '220, 38, 38',
54
+ '700': '185, 28, 28',
55
+ '800': '153, 27, 27',
56
+ '900': '127, 29, 29',
57
+ ),
58
+ 'warning': (
59
+ 'fore': '120, 53, 15',
60
+ '50': '255, 248, 225',
61
+ '100': '255, 236, 179',
62
+ '200': '255, 224, 130',
63
+ '300': '255, 213, 79',
64
+ '400': '255, 202, 40',
65
+ '500': '255, 193, 7',
66
+ '600': '255, 179, 0',
67
+ '700': '255, 160, 0',
68
+ '800': '255, 143, 0',
69
+ '900': '255, 111, 0',
70
+ ),
71
+ 'neutral': (
72
+ 'fore': '24, 24, 27',
73
+ '50': '250, 250, 250',
74
+ '100': '244, 244, 245',
75
+ '200': '228, 228, 231',
76
+ '300': '212, 212, 216',
77
+ '400': '161, 161, 170',
78
+ '500': '113, 113, 122',
79
+ '600': '82, 82, 91',
80
+ '700': '63, 63, 70',
81
+ '800': '39, 39, 42',
82
+ '900': '24, 24, 27',
83
+ ),
91
84
  );