@planeasyinc/le-angular 0.0.14 → 0.0.16

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/dist/README.md +6 -0
  2. package/dist/fesm2022/planeasyinc-le-angular.mjs +2531 -0
  3. package/dist/fesm2022/planeasyinc-le-angular.mjs.map +1 -0
  4. package/dist/lib/icons/le-icon.component.d.ts +1 -1
  5. package/dist/styles/ant-overrides.scss +168 -0
  6. package/dist/styles/styles.scss +1007 -0
  7. package/package.json +1 -1
package/dist/styles/ant-overrides.scss ADDED
@@ -0,0 +1,168 @@
1
+ /* =========================
2
+ ANT STYLE OVERRIDERS
3
+ ========================== */
4
+ .ant-btn-primary {
5
+ background-color: var(--le-color-primary);
6
+ border-color: var(--le-color-primary);
7
+ }
8
+
9
+ .ant-picker-range .ant-picker-active-bar {
10
+ bottom: -1px;
11
+ height: 2px;
12
+ margin-left: 11px;
13
+ background: var(--le-color-primary-400);
14
+ opacity: 0;
15
+ transition: all 0.3s ease-out;
16
+ pointer-events: none;
17
+ }
18
+
19
+ .ant-picker-ranges .ant-picker-preset > .ant-tag-blue {
20
+ color: var(--le-color-primary);
21
+ background: #e6f7ff;
22
+ border-color: var(--le-color-hover-light);
23
+ }
24
+
25
+ .ant-picker-panel-focused {
26
+ border-color: var(--le-color-primary);
27
+ }
28
+
29
+ .ant-picker-header-view button:hover {
30
+ color: var(--le-color-primary);
31
+ }
32
+
33
+ .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
34
+ border: 1px solid var(--le-color-primary);
35
+ }
36
+
37
+ .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,
38
+ .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,
39
+ .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {
40
+ background: var(--le-color-primary);
41
+ }
42
+
43
+ .ant-picker-today-btn {
44
+ color: var(--le-color-primary);
45
+ }
46
+ .ant-picker-today-btn:hover {
47
+ color: var(--le-color-primary-400);
48
+ }
49
+ .ant-picker-today-btn:active {
50
+ color: var(--le-color-primary);
51
+ }
52
+
53
+ .ant-picker-week-panel-row-selected td,
54
+ .ant-picker-week-panel-row-selected:hover td {
55
+ background: var(--le-color-primary);
56
+ }
57
+
58
+ .ant-input-group-addon .ant-select-open .ant-select-selector,
59
+ .ant-input-group-addon .ant-select-focused .ant-select-selector {
60
+ color: var(--le-color-primary);
61
+ }
62
+
63
+ .ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
64
+ color: var(--le-color-primary);
65
+ }
66
+ .ant-tag-checkable:active,
67
+ .ant-tag-checkable-checked {
68
+ color: var(--le-color-background);
69
+ }
70
+ .ant-tag-checkable-checked {
71
+ background-color: var(--le-color-primary);
72
+ }
73
+ .ant-tag-checkable:active {
74
+ background-color: var(--le-color-primary-900);
75
+ }
76
+
77
+ .ant-tag-blue {
78
+ color: var(--le-color-primary-900);
79
+ background: #e6f7ff;
80
+ border-color: var(--le-color-primary-400);
81
+ }
82
+ .ant-tag-blue-inverse {
83
+ color: var(--le-color-background);
84
+ background: var(--le-color-primary);
85
+ border-color: var(--le-color-primary-400);
86
+ }
87
+ .ant-tag-geekblue {
88
+ color: var(--le-color-primary-900);
89
+ background: var(--le-color-primary-50);
90
+ border-color: var(--le-color-primary-400);
91
+ }
92
+ .ant-tag-geekblue-inverse {
93
+ color: var(--le-color-background);
94
+ background: var(--le-color-primary);
95
+ border-color: var(--le-color-primary);
96
+ }
97
+ .ant-tag-purple {
98
+ color: #531dab;
99
+ background: #f9f0ff;
100
+ border-color: #d3adf7;
101
+ }
102
+ .ant-tag-purple-inverse {
103
+ color: var(--le-color-background);
104
+ background: #722ed1;
105
+ border-color: #722ed1;
106
+ }
107
+ .ant-tag-success {
108
+ color: var(--le-color-success);
109
+ background: var(--le-color-success-bg);
110
+ border-color: #b7eb8f;
111
+ }
112
+ .ant-tag-processing {
113
+ color: var(--le-color-primary);
114
+ background: #e6f7ff;
115
+ border-color: var(--le-color-primary-400);
116
+ }
117
+ .ant-tag-error {
118
+ color: var(--le-color-error);
119
+ background: var(--le-color-error-bg);
120
+ border-color: #ffccc7;
121
+ }
122
+ .ant-tag-warning {
123
+ color: var(--le-color-warning);
124
+ background: var(--le-color-warning-bg);
125
+ border-color: #ffe58f;
126
+ }
127
+ .ant-input:hover,
128
+ .ant-input-focused,
129
+ .ant-input:focus,
130
+ .ant-picker-focused,
131
+ .ant-picker:hover,
132
+ .ant-select:not(.ant-select-disabled):hover .ant-select-selector,
133
+ .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector,
134
+ .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover,
135
+ .ant-input-number-affix-wrapper:not(.ant-input-number-affix-wrapper-disabled):hover,
136
+ .ant-input-number-affix-wrapper:hover,
137
+ .ant-input-number-affix-wrapper-focused,
138
+ .ant-input-number-affix-wrapper:focus {
139
+ border-color: var(--le-color-primary);
140
+ box-shadow: none;
141
+ }
142
+
143
+ .ant-checkbox-checked .ant-checkbox-inner {
144
+ background-color: var(--le-color-primary);
145
+ border-color: var(--le-color-primary);
146
+ }
147
+ .ant-checkbox-input:focus + .ant-checkbox-inner,
148
+ .ant-checkbox-wrapper:hover .ant-checkbox-inner,
149
+ .ant-checkbox:hover .ant-checkbox-inner,
150
+ .ant-checkbox-checked::after {
151
+ border-color: var(--le-color-primary);
152
+ }
153
+
154
+ .ant-input-focused,
155
+ .ant-picker-focused {
156
+ box-shadow: none;
157
+ }
158
+
159
+ .ant-btn-primary:focus,
160
+ .ant-btn-primary:hover {
161
+ background-color: var(--le-color-primary-hover);
162
+ border-color: var(--le-color-primary-hover);
163
+ }
164
+
165
+ .ant-btn-primary:active {
166
+ border-color: var(--le-color-primary-active);
167
+ background-color: var(--le-color-primary-active);
168
+ }