@acorex/styles 5.0.1 → 5.0.4

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 (36) hide show
  1. package/index.scss +2 -2
  2. package/package.json +11 -11
  3. package/src/base/_colors.scss +16 -16
  4. package/src/base/index.scss +7 -7
  5. package/src/components/_alert.scss +147 -147
  6. package/src/components/_badge.scss +39 -39
  7. package/src/components/_button.scss +651 -651
  8. package/src/components/_calendar.scss +96 -94
  9. package/src/components/_carousel.scss +61 -61
  10. package/src/components/_checkbox.scss +24 -24
  11. package/src/components/_datapager.scss +39 -39
  12. package/src/components/_datepicker.scss +5 -7
  13. package/src/components/_dialog.scss +61 -61
  14. package/src/components/_drawer.scss +79 -79
  15. package/src/components/_dropdown.scss +177 -177
  16. package/src/components/_editor-container.scss +69 -57
  17. package/src/components/_form.scss +8 -10
  18. package/src/components/_input.scss +16 -16
  19. package/src/components/_label.scss +4 -4
  20. package/src/components/_list.scss +49 -57
  21. package/src/components/_loading.scss +53 -53
  22. package/src/components/_popup.scss +86 -86
  23. package/src/components/_radio.scss +30 -30
  24. package/src/components/_range-slider.scss +14 -0
  25. package/src/components/_selectbox.scss +15 -15
  26. package/src/components/_selection-list.scss +28 -28
  27. package/src/components/_side-menu.scss +46 -46
  28. package/src/components/_skeleton.scss +25 -0
  29. package/src/components/_switch.scss +200 -178
  30. package/src/components/_table.scss +22 -22
  31. package/src/components/_tabs.scss +117 -117
  32. package/src/components/_toast.scss +93 -93
  33. package/src/components/_tooltip.scss +44 -44
  34. package/src/components/index.scss +29 -27
  35. package/src/variables/_colors.scss +135 -1
  36. package/src/variables/_mixins.scss +18 -18
package/src/variables/_colors.scss CHANGED
@@ -1 +1,135 @@
1
- $theme-colors: ( "white": "255, 255, 255", "black": "0, 0, 0", "placeholder": "156, 163, 175", "border": "209, 213, 219", "disabled": "224, 224, 224", "disabled-fore": "117, 117, 117", "disabled-border": "191, 191, 191", "primary": ( "": "59, 130, 246", "fore": "255, 255, 255", "50": "239, 246, 255", "100": "219, 234, 254", "200": "191, 219, 254", "300": "147, 197, 253", "400": "96, 165, 250", "500": "59, 130, 246", "600": "7, 99, 235", "700": "29 ,78, 216", "800": "30, 64 ,175", "900": "30, 58, 138", ), "secondary": ( "": "236, 72, 153", "fore": "255, 255, 255", "50": "253, 242, 248", "100": "252, 231, 243", "200": "251, 207, 232", "300": "249, 168, 212", "400": "249, 168, 212", "500": "236, 72, 153", "600": "219, 39, 119", "700": "190, 24, 93", "800": "157,23,77", "900": "131, 24, 67", ), "success": ( "": "76, 175, 80", "fore": "255, 255, 255", "50": "236, 253, 245", "100": "209, 250, 229", "200": "167, 243, 208", "300": "110, 231, 183", "400": "52, 211, 153", "500": "16, 185, 129", "600": "5, 150, 105", "700": "4, 120, 87", "800": "6, 95, 70", "900": "6, 78, 89", ), "danger": ( "": "239, 68, 68", "fore": "255, 255, 255", "50": "255, 242, 242", "100": "254, 226, 226", "200": "254, 202, 202", "300": "252, 165, 165", "400": "248, 113, 113", "500": "239, 68, 68", "600": "220, 38, 38", "700": "185, 28, 28", "800": "153, 27, 27", "900": "127, 29, 29", ), "warning": ( "": "251, 191, 36", "fore": "120, 53, 15", "50": "255, 251, 235", "100": "254, 243, 199", "200": "253, 230, 138", "300": "252, 211, 77", "400": "251, 191, 36", "500": "245, 158, 11", "600": "217, 119, 6", "700": "180, 83, 9", "800": "146, 64, 14", "900": "120, 53, 15", ), "info": ( "": "139, 92, 246", "fore": "255, 255, 255", "50": "245, 243, 255", "100": "224, 231, 255", "200": "221, 214,254", "300": "196, 181, 253", "400": "167, 139, 250", "500": "139, 92, 246", "600": "124, 58, 237", "700": "109, 40, 217", "800": "91, 33, 182", "900": "76, 29, 149", ), "dark": ( "": "21, 21, 21", "fore": "255, 255, 255", "50": "227, 227, 227", "100": "185, 185, 185", "200": "138, 138, 138", "300": "91, 91, 91", "400": "56, 56, 56", "500": "21, 21, 21", "600": "18, 18, 18", "700": "15, 15, 15", "800": "12, 12, 12", "900": "6, 6, 6", ), "light": ( "": "107, 114, 128", "fore": "17, 24, 39", "50": "249, 250, 251", "100": "243, 244, 246", "200": "229, 231, 235", "300": "209, 213, 219", "400": "156, 163, 175", "500": "107, 114, 128", "600": "75, 85, 99", "700": "55, 65, 81", "800": "31, 41, 55", "900": "17, 24, 39", ), "gray": ( "": "107, 114, 128", "fore": "66, 66, 66", "50": "249, 250, 251", "100": "243, 244, 246", "200": "229, 231, 235", "300": "209, 213, 219", "400": "156, 163, 175", "500": "107, 114, 128", "600": "75, 85, 99", "700": "55, 65, 81", "800": "31, 41, 55", "900": "17, 24, 39", ), );
1
+ $theme-colors: (
2
+ "white": "255, 255, 255",
3
+ "black": "0, 0, 0",
4
+ "placeholder": "156, 163, 175",
5
+ "border": "209, 213, 219",
6
+ "disabled": "224, 224, 224",
7
+ "disabled-fore": "117, 117, 117",
8
+ "disabled-border": "191, 191, 191",
9
+ "primary": (
10
+ "": "59, 130, 246",
11
+ "fore": "255, 255, 255",
12
+ "50": "239, 246, 255",
13
+ "100": "219, 234, 254",
14
+ "200": "191, 219, 254",
15
+ "300": "147, 197, 253",
16
+ "400": "96, 165, 250",
17
+ "500": "59, 130, 246",
18
+ "600": "37, 99, 235",
19
+ "700": "29 ,78, 216",
20
+ "800": "30, 64 ,175",
21
+ "900": "30, 58, 138",
22
+ ),
23
+ "secondary": (
24
+ "": "236, 72, 153",
25
+ "fore": "255, 255, 255",
26
+ "50": "253, 242, 248",
27
+ "100": "252, 231, 243",
28
+ "200": "251, 207, 232",
29
+ "300": "249, 168, 212",
30
+ "400": "244, 114, 182",
31
+ "500": "236, 72, 153",
32
+ "600": "219, 39, 119",
33
+ "700": "190, 24, 93",
34
+ "800": "157,23,77",
35
+ "900": "131, 24, 67",
36
+ ),
37
+ "success": (
38
+ "": "76, 175, 80",
39
+ "fore": "255, 255, 255",
40
+ "50": "236, 253, 245",
41
+ "100": "209, 250, 229",
42
+ "200": "167, 243, 208",
43
+ "300": "110, 231, 183",
44
+ "400": "52, 211, 153",
45
+ "500": "16, 185, 129",
46
+ "600": "5, 150, 105",
47
+ "700": "4, 120, 87",
48
+ "800": "6, 95, 70",
49
+ "900": "6, 78, 59",
50
+ ),
51
+ "danger": (
52
+ "": "239, 68, 68",
53
+ "fore": "255, 255, 255",
54
+ "50": "254, 242, 242",
55
+ "100": "254, 226, 226",
56
+ "200": "254, 202, 202",
57
+ "300": "252, 165, 165",
58
+ "400": "248, 113, 113",
59
+ "500": "239, 68, 68",
60
+ "600": "220, 38, 38",
61
+ "700": "185, 28, 28",
62
+ "800": "153, 27, 27",
63
+ "900": "127, 29, 29",
64
+ ),
65
+ "warning": (
66
+ "": "251, 191, 36",
67
+ "fore": "120, 53, 15",
68
+ "50": "255, 251, 235",
69
+ "100": "254, 243, 199",
70
+ "200": "253, 230, 138",
71
+ "300": "252, 211, 77",
72
+ "400": "251, 191, 36",
73
+ "500": "245, 158, 11",
74
+ "600": "217, 119, 6",
75
+ "700": "180, 83, 9",
76
+ "800": "146, 64, 14",
77
+ "900": "120, 53, 15",
78
+ ),
79
+ "info": (
80
+ "": "139, 92, 246",
81
+ "fore": "255, 255, 255",
82
+ "50": "245, 243, 255",
83
+ "100": "237, 233, 254",
84
+ "200": "221, 214,254",
85
+ "300": "196, 181, 253",
86
+ "400": "167, 139, 250",
87
+ "500": "139, 92, 246",
88
+ "600": "124, 58, 237",
89
+ "700": "109, 40, 217",
90
+ "800": "91, 33, 182",
91
+ "900": "76, 29, 149",
92
+ ),
93
+ "dark": (
94
+ "": "21, 21, 21",
95
+ "fore": "255, 255, 255",
96
+ "50": "227, 227, 227",
97
+ "100": "185, 185, 185",
98
+ "200": "138, 138, 138",
99
+ "300": "91, 91, 91",
100
+ "400": "56, 56, 56",
101
+ "500": "21, 21, 21",
102
+ "600": "18, 18, 18",
103
+ "700": "15, 15, 15",
104
+ "800": "12, 12, 12",
105
+ "900": "6, 6, 6",
106
+ ),
107
+ "light": (
108
+ "": "107, 114, 128",
109
+ "fore": "17, 24, 39",
110
+ "50": "249, 250, 251",
111
+ "100": "243, 244, 246",
112
+ "200": "229, 231, 235",
113
+ "300": "209, 213, 219",
114
+ "400": "156, 163, 175",
115
+ "500": "107, 114, 128",
116
+ "600": "75, 85, 99",
117
+ "700": "55, 65, 81",
118
+ "800": "31, 41, 55",
119
+ "900": "17, 24, 39",
120
+ ),
121
+ "gray": (
122
+ "": "107, 114, 128",
123
+ "fore": "17, 24, 39",
124
+ "50": "249, 250, 251",
125
+ "100": "243, 244, 246",
126
+ "200": "229, 231, 235",
127
+ "300": "209, 213, 219",
128
+ "400": "156, 163, 175",
129
+ "500": "107, 114, 128",
130
+ "600": "75, 85, 99",
131
+ "700": "55, 65, 81",
132
+ "800": "31, 41, 55",
133
+ "900": "17, 24, 39",
134
+ ),
135
+ );
package/src/variables/_mixins.scss CHANGED
@@ -1,18 +1,18 @@
1
- @mixin respond($breakpoint) {
2
- // $breakpoint is simply a variable that can have several values
3
-
4
- @if $breakpoint == tablet {
5
- // here `laptop` is the value of $breakpoint
6
- // when call laptop, we mean the following piece of code
7
-
8
- @media only screen and (max-width: 600px) {
9
- @content;
10
- }
11
- }
12
-
13
- @if $breakpoint == mobile {
14
- @media only screen and (max-width: 480px) {
15
- @content;
16
- }
17
- }
18
- }
1
+ @mixin respond($breakpoint) {
2
+ // $breakpoint is simply a variable that can have several values
3
+
4
+ @if $breakpoint == tablet {
5
+ // here `laptop` is the value of $breakpoint
6
+ // when call laptop, we mean the following piece of code
7
+
8
+ @media only screen and (max-width: 600px) {
9
+ @content;
10
+ }
11
+ }
12
+
13
+ @if $breakpoint == mobile {
14
+ @media only screen and (max-width: 480px) {
15
+ @content;
16
+ }
17
+ }
18
+ }