@joanroucoux/cairn-ui 0.6.1 → 0.6.2
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.
|
@@ -1878,7 +1878,7 @@ const SUB_TONE_CLASSES$1 = {
|
|
|
1878
1878
|
*/
|
|
1879
1879
|
class UiFacts {
|
|
1880
1880
|
ruled = input(false, { ...(ngDevMode ? { debugName: "ruled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
1881
|
-
classes = computed(() =>
|
|
1881
|
+
classes = computed(() => this.ruled() ? 'm-0 flex flex-col shadow-[inset_0_1px_0_var(--hairline)]' : 'm-0 flex flex-col', /* @ts-ignore */
|
|
1882
1882
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
1883
1883
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiFacts, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1884
1884
|
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: UiFacts, isStandalone: true, selector: "dl[uiFacts]", inputs: { ruled: { classPropertyName: "ruled", publicName: "ruled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
|
|
@@ -2040,7 +2040,13 @@ class UiField {
|
|
|
2040
2040
|
...(ngDevMode ? [{ debugName: "leading" }] : /* istanbul ignore next */ []));
|
|
2041
2041
|
trailing = contentChild(UiFieldTrailing, /* @ts-ignore */
|
|
2042
2042
|
...(ngDevMode ? [{ debugName: "trailing" }] : /* istanbul ignore next */ []));
|
|
2043
|
-
rowClasses = computed(() =>
|
|
2043
|
+
rowClasses = computed(() => [
|
|
2044
|
+
'relative flex items-center',
|
|
2045
|
+
this.leading() ? '[&>input]:pl-[38px]' : '',
|
|
2046
|
+
this.trailing() ? '[&>input]:pr-12 lg:[&>input]:pr-11' : '',
|
|
2047
|
+
]
|
|
2048
|
+
.filter(Boolean)
|
|
2049
|
+
.join(' '), /* @ts-ignore */
|
|
2044
2050
|
...(ngDevMode ? [{ debugName: "rowClasses" }] : /* istanbul ignore next */ []));
|
|
2045
2051
|
labelClasses = computed(() => this.labelHidden() ? 'sr-only' : 'text-label leading-[17px] font-medium text-(--muted-foreground)', /* @ts-ignore */
|
|
2046
2052
|
...(ngDevMode ? [{ debugName: "labelClasses" }] : /* istanbul ignore next */ []));
|
|
@@ -3368,7 +3374,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
|
|
|
3368
3374
|
*/
|
|
3369
3375
|
class UiListRow {
|
|
3370
3376
|
ruled = input(true, { ...(ngDevMode ? { debugName: "ruled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
3371
|
-
classes = computed(() =>
|
|
3377
|
+
classes = computed(() => this.ruled()
|
|
3378
|
+
? 'flex min-h-18 items-center gap-3 py-1.5 lg:min-h-17 shadow-[inset_0_-1px_0_var(--hairline)]'
|
|
3379
|
+
: 'flex min-h-18 items-center gap-3 py-1.5 lg:min-h-17', /* @ts-ignore */
|
|
3372
3380
|
...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
3373
3381
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: UiListRow, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
3374
3382
|
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: UiListRow, isStandalone: true, selector: "[uiListRow]", inputs: { ruled: { classPropertyName: "ruled", publicName: "ruled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
|