@ieeesa-npm/shared-styles 0.0.9 → 0.1.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.
- package/assets/images/sprites/sprites.svg +23 -0
- package/package.json +1 -1
- package/styles/mixins.scss +13 -0
- package/styles/theme.scss +6 -0
- package/styles/typography.scss +11 -0
- package/styles/variables.scss +4 -0
|
@@ -77,5 +77,28 @@
|
|
|
77
77
|
<symbol id="icon-sort" viewBox="0 0 32 32">
|
|
78
78
|
<path fill="#00629b" style="fill: var(--color1, #00629b)" d="M4 24h8v-2.667h-8v2.667zM4 8v2.667h24v-2.667h-24zM4 17.333h16v-2.667h-16v2.667z"></path>
|
|
79
79
|
</symbol>
|
|
80
|
+
<symbol id="icon-data-table-edit" viewBox="0 0 32 32">
|
|
81
|
+
<path d="M25.413 4.785l1.8 1.8c1.053 1.040 1.053 2.733 0 3.773l-17.64 17.64h-5.573v-5.573l17.64-17.64c1.040-1.040 2.733-1.040 3.773 0zM6.667 25.332l1.88 0.080 13.093-13.107-1.88-1.88-13.093 13.093v1.813z"></path>
|
|
82
|
+
</symbol>
|
|
83
|
+
<symbol id="icon-data-table-delete" viewBox="0 0 32 32">
|
|
84
|
+
<path d="M20 4v1.333h6.667v2.667h-1.333v17.333c0 1.467-1.2 2.667-2.667 2.667h-13.333c-1.467 0-2.667-1.2-2.667-2.667v-17.333h-1.333v-2.667h6.667v-1.333h8zM9.333 25.333h13.333v-17.333h-13.333v17.333zM12 10.667h2.667v12h-2.667v-12zM20 10.667h-2.667v12h2.667v-12z"></path>
|
|
85
|
+
</symbol>
|
|
86
|
+
<symbol id="icon-add-member" viewBox="0 0 32 32">
|
|
87
|
+
<path fill="#00629b" style="fill: var(--color1, #00629b)" d="M26.667 10.667v-4h-2.667v4h-4v2.667h4v4h2.667v-4h4v-2.667h-4z"></path>
|
|
88
|
+
<path fill="#00629b" style="fill: var(--color1, #00629b)" d="M12 16c2.947 0 5.333-2.387 5.333-5.333s-2.387-5.333-5.333-5.333c-2.947 0-5.333 2.387-5.333 5.333s2.387 5.333 5.333 5.333zM12 8c1.467 0 2.667 1.2 2.667 2.667s-1.2 2.667-2.667 2.667c-1.467 0-2.667-1.2-2.667-2.667s1.2-2.667 2.667-2.667z"></path>
|
|
89
|
+
<path fill="#00629b" style="fill: var(--color1, #00629b)" d="M12 17.333c-3.56 0-10.667 1.787-10.667 5.333v4h21.333v-4c0-3.547-7.107-5.333-10.667-5.333zM20 24h-16v-1.32c0.267-0.96 4.4-2.68 8-2.68s7.733 1.72 8 2.667v1.333z"></path>
|
|
90
|
+
</symbol>
|
|
91
|
+
<symbol id="icon-arrow-drop-down" viewBox="0 0 32 32">
|
|
92
|
+
<path d="M9.333 13.333l6.667 6.667 6.667-6.667h-13.333z"></path>
|
|
93
|
+
</symbol>
|
|
94
|
+
<symbol id="icon-trailing" viewBox="0 0 32 32">
|
|
95
|
+
<path fill="#49454f" style="fill: var(--color1, #49454f)" d="M25.333 8.547l-1.88-1.88-7.453 7.453-7.453-7.453-1.88 1.88 7.453 7.453-7.453 7.453 1.88 1.88 7.453-7.453 7.453 7.453 1.88-1.88-7.453-7.453 7.453-7.453z"></path>
|
|
96
|
+
</symbol>
|
|
97
|
+
<symbol id="icon-arrow-drop-down-up" viewBox="0 0 32 32">
|
|
98
|
+
<path d="M22.667 18.667l-6.667-6.667-6.667 6.667h13.333z"></path>
|
|
99
|
+
</symbol>
|
|
100
|
+
<symbol id="icon-filter-list" viewBox="0 0 32 32">
|
|
101
|
+
<path fill="#00629b" style="fill: var(--color1, #00629b)" d="M13.333 24h5.333v-2.667h-5.333v2.667zM4 8v2.667h24v-2.667h-24zM8 17.333h16v-2.667h-16v2.667z"></path>
|
|
102
|
+
</symbol>
|
|
80
103
|
</defs>
|
|
81
104
|
</svg>
|
package/package.json
CHANGED
package/styles/mixins.scss
CHANGED
|
@@ -30,10 +30,23 @@
|
|
|
30
30
|
width: -webkit-fill-available;
|
|
31
31
|
width: -moz-available;
|
|
32
32
|
}
|
|
33
|
+
@mixin set-checkbox-color() {
|
|
34
|
+
--mdc-checkbox-selected-focus-icon-color: #00629b;
|
|
35
|
+
--mdc-checkbox-selected-hover-icon-color: #00629b;
|
|
36
|
+
--mdc-checkbox-selected-icon-color: #00629b;
|
|
37
|
+
--mdc-checkbox-selected-pressed-icon-color: #00629b;
|
|
38
|
+
--mdc-checkbox-selected-focus-state-layer-color: #00629b;
|
|
39
|
+
--mdc-checkbox-selected-hover-state-layer-color: #00629b;
|
|
40
|
+
--mdc-checkbox-selected-pressed-state-layer-color: #00629b;
|
|
41
|
+
--mat-option-selected-state-label-text-color: #00629b;
|
|
42
|
+
}
|
|
33
43
|
|
|
34
44
|
@mixin textarea-readonly() {
|
|
35
45
|
.ieeesa-text-area-field {
|
|
36
46
|
.mat-mdc-form-field {
|
|
47
|
+
.mat-mdc-text-field-wrapper {
|
|
48
|
+
height: 1.5em;
|
|
49
|
+
}
|
|
37
50
|
.mat-mdc-text-field-wrapper,
|
|
38
51
|
.mat-mdc-form-field-focus-overlay {
|
|
39
52
|
background: $ieeesa-white;
|
package/styles/theme.scss
CHANGED
package/styles/typography.scss
CHANGED
|
@@ -215,6 +215,17 @@
|
|
|
215
215
|
$ieeesa-letter-space-point-4
|
|
216
216
|
);
|
|
217
217
|
}
|
|
218
|
+
.ieeesa-body-sm-bold-14 {
|
|
219
|
+
@include set-font-style(
|
|
220
|
+
$ieeesa-font-calibri-regular,
|
|
221
|
+
$ieeesa-font-style-normal,
|
|
222
|
+
$ieeesa-font-wt-700,
|
|
223
|
+
$ieeesa-font-size-14,
|
|
224
|
+
$ieeesa-line-height-16,
|
|
225
|
+
$ieeesa-black,
|
|
226
|
+
$ieeesa-letter-space-point-4
|
|
227
|
+
);
|
|
228
|
+
}
|
|
218
229
|
.ieeesa-title-inter-lg-bold-24 {
|
|
219
230
|
@include set-font-style(
|
|
220
231
|
$ieeesa-font-inter-bold,
|
package/styles/variables.scss
CHANGED
|
@@ -88,6 +88,9 @@ $ieeesa-select-border-color: #918f90;
|
|
|
88
88
|
$ieeesa-border-gray: #d7d6d6;
|
|
89
89
|
$ieeesa-nav-blue: #00b5e2;
|
|
90
90
|
$ieeesa-primary-99: #f0f5f9;
|
|
91
|
+
$ieeesa-icon-disabled-color: #C9C5CA;
|
|
92
|
+
$ieeesa-data-table-row-background-color: #f7f9ff;
|
|
93
|
+
$ieeesa-data-table-head-color: #dce3e9;
|
|
91
94
|
// Box-shadow options
|
|
92
95
|
$ieeesa-box-shadow-1: 0px 1px 2px rgba(0, 0, 0, 0.3),
|
|
93
96
|
0px 1px 3px 1px rgba(0, 0, 0, 0.15);
|
|
@@ -112,6 +115,7 @@ $ieeesa-groups-white-bg-box-shadow: 0px 1px 0px 0px #00b5e2 inset,
|
|
|
112
115
|
$ieeesa-box-shadow-7: 0px 3px 0px 0px #11b7e5 inset,
|
|
113
116
|
0px 4px 24px 0px rgba(0, 0, 0, 0.5);
|
|
114
117
|
$ieeesa-box-shadow-9: 0px 0px 4px 0px rgba(0, 0, 0, 0.5) inset;
|
|
118
|
+
$ieeesa-box-shadow-10: 0px 1px 0px 0px rgb(220, 227, 233) inset;
|
|
115
119
|
// Angular Material mat-button styles
|
|
116
120
|
$ieeesa-primary-btn-active: #00629b;
|
|
117
121
|
$ieeesa-primary-btn-hover: #003e65;
|