@foxeltech/angular-ui 0.0.1 → 0.0.3
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/components.css +6 -6
- package/fesm2022/foxeltech-angular-ui.mjs +32 -29
- package/fesm2022/foxeltech-angular-ui.mjs.map +1 -1
- package/index.d.ts +2 -1
- package/package.json +1 -1
- package/src/lib/styles/components.css +6 -6
- package/src/lib/styles/tailwind.css +1 -1
- package/src/lib/styles/theme.css +7 -7
- package/src/lib/ui/components/button/button.component.html +219 -209
- package/src/lib/ui/components/checkbox/checkbox.component.html +5 -3
- package/src/lib/ui/components/dnd-upload/dnd-upload.component.html +2 -2
- package/src/lib/ui/components/drawer/drawer.component.html +6 -2
- package/src/lib/ui/components/hero-icon/hero-icon.component.html +1 -0
- package/src/lib/ui/components/input/input.component.html +30 -27
- package/src/lib/ui/components/select/select.component.css +10 -5
- package/src/lib/ui/components/select/select.component.html +26 -20
- package/src/lib/ui/components/tab-group/tab-group.component.html +18 -11
- package/src/lib/ui/components/tag/tag.component.html +10 -8
- package/tailwind.config.js +1 -0
- package/tailwind.css +1 -1
- package/theme.css +7 -7
package/components.css
CHANGED
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
padding-top: 4px !important;
|
|
98
98
|
padding-bottom: 4px !important;
|
|
99
99
|
line-height: 24px !important;
|
|
100
|
-
font-family: '
|
|
100
|
+
font-family: 'DMSans';
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
.mdc-data-table__row {
|
|
@@ -108,7 +108,7 @@
|
|
|
108
108
|
.mdc-data-table__cell {
|
|
109
109
|
border-left: 1px solid rgb(var(--border-default)) !important;
|
|
110
110
|
background-color: rgb(var(--bg-primary)) !important;
|
|
111
|
-
font-family: '
|
|
111
|
+
font-family: 'DMSans';
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
.mat-mdc-cell {
|
|
@@ -319,7 +319,7 @@ input[type='password'] {
|
|
|
319
319
|
@apply btn-common bg-button-default hover:opacity-75 text-text-inverse;
|
|
320
320
|
}
|
|
321
321
|
.btn-primary {
|
|
322
|
-
@apply btn-common bg-
|
|
322
|
+
@apply btn-common bg-gradient-primary hover:opacity-75 text-text-focus;
|
|
323
323
|
}
|
|
324
324
|
.btn-alternative {
|
|
325
325
|
@apply btn-common hover:bg-bg-hover text-text-primary border border-border-default;
|
|
@@ -338,7 +338,7 @@ input[type='password'] {
|
|
|
338
338
|
}
|
|
339
339
|
|
|
340
340
|
.input-default {
|
|
341
|
-
@apply block h-[36px] text-text-primary placeholder:text-text-placeholder bg-bg-primary w-full rounded-md border px-semi py-normal border-border-default focus:outline-none focus:border-2 focus:border-
|
|
341
|
+
@apply block h-[36px] text-text-primary placeholder:text-text-placeholder bg-bg-primary w-full rounded-md border px-semi py-normal border-border-default focus:outline-none focus:border-2 focus:border-gradient-primary-start text-sm text-text-primary tracking-normal ring-0 transition-colors duration-500 ease-in-out;
|
|
342
342
|
}
|
|
343
343
|
.input-invalid {
|
|
344
344
|
@apply border-bg-error focus:ring-bg-error focus:border-bg-error;
|
|
@@ -347,7 +347,7 @@ input[type='password'] {
|
|
|
347
347
|
@apply focus:border-2 focus:border-border-hover2 focus:bg-bg-hover2;
|
|
348
348
|
}
|
|
349
349
|
.input-otp {
|
|
350
|
-
@apply bg-bg-primary w-full rounded-md border px-semi py-normal border-border-default focus:outline-none focus:border-2 focus:border-
|
|
350
|
+
@apply bg-bg-primary w-full rounded-md border px-semi py-normal border-border-default focus:outline-none focus:border-2 focus:border-gradient-primary-start text-text-primary ring-0 transition-colors duration-500 ease-in-out;
|
|
351
351
|
}
|
|
352
352
|
|
|
353
353
|
.card-common {
|
|
@@ -431,7 +431,7 @@ input[type='password'] {
|
|
|
431
431
|
@apply w-1.5 h-1.5 bg-bg-primary rounded-full;
|
|
432
432
|
}
|
|
433
433
|
.radio-checked {
|
|
434
|
-
@apply bg-
|
|
434
|
+
@apply bg-gradient-primary border-transparent;
|
|
435
435
|
}
|
|
436
436
|
.radio-uncheck {
|
|
437
437
|
@apply bg-bg-primary border-border-strong;
|