@wavemaker-ai/rn-codegen 1.0.0-rc.647469

package/src/theme/components/input/text.styledef.js

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-text',
+            rnStyleSelector: 'app-text.root',
+            studioStyleSelector: '.app-textbox',
+            style: {
+                'border-color': '@inputBorderColor',
+                'background-color': '@inputBackgroundColor',
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-form-control-background)',
+                'border-width': 'var(--wm-form-control-border-width)',
+                'border-style': 'var(--wm-form-control-border-style)',
+                'border-radius': 'var(--wm-form-control-radius)',
+                'padding-left': 'var(--wm-form-control-padding)',
+                'padding-right': 'var(--wm-form-control-padding)',
+                'min-height': 'var(--wm-text-min-height)',
+                'padding-top': 'var(--wm-text-padding-top)',
+                'padding-bottom': 'var(--wm-text-padding-bottom)',
+                'border-color': 'var(--wm-text-border-color)',
+                'font-family': 'var(--wm-text-font-family)'
+            }
+        }, {
+            className: '.app-text-text',
+            rnStyleSelector: 'app-text.text',
+            studioStyleSelector: '.app-textbox',
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-color)',
+                'font-family': 'var(--wm-form-control-font-family)',
+                'font-size': 'var(--wm-form-control-font-size)',
+                // 'font-weight':'var(--wm-form-control-font-weight)',
+                'line-height': 'var(--wm-form-control-line-height)',
+                'letter-spacing': 'var(--wm-form-control-letter-spacing)'
+            }
+        }, {
+            className: '.app-text-invalid',
+            rnStyleSelector: 'app-text.invalid',
+            studioStyleSelector: '.app-textbox.invalid',
+            style: {
+                'border-bottom-color': '@inputInvalidBorderColor',
+            },
+            dtStyle: {
+                'border-bottom-color': 'var(--wm-text-invalid-border-bottom-color)'
+            }
+        }, {
+            className: '.app-text-focused',
+            rnStyleSelector: 'app-text.focused',
+            studioStyleSelector: '.app-textbox.focused',
+            style: {
+                'border-color': '@inputFocusBorderColor',
+            },
+            dtStyle: {
+                'border-color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-text-place-holder-text',
+            rnStyleSelector: 'app-text.placeholderText',
+            dtStyle: {
+                'color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-text-disabled',
+            rnStyleSelector: 'app-text-disabled.root',
+            studioStyleSelector: '',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-text-disabled-background-color)',
+            }
+        }, {
+            className: '.app-text-flotaing-label',
+            rnStyleSelector: 'app-text.floatingLabel',
+            style: {}
+        }, {
+            className: '.app-text-active-flotaing-label',
+            rnStyleSelector: 'app-text.activeFloatingLabel',
+            style: {}
+        },
+        {
+            className: '.app-text-with-label.app-text-active-flotaing-label',
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-text-with-label.app-text-flotaing-label',
+            dtStyle: {
+                'top': 'var(--wm-text-floating-label-top)',
+                'left': 'var(--wm-text-floating-label-left)',
+                'font-size': 'var(--wm-text-floating-label-font-size)',
+                'color': ' var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-text-with-label.app-text',
+            dtStyle: {
+                'min-height': 'var(--wm-text-floating-label-min-height)'
+            }
+        }, {
+            className: '.app-text-skeleton',
+            rnStyleSelector: 'app-text.skeleton',
+            studioStyleSelector: '.app-text-skeleton',
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-text-skeleton-width)',
+                'height': 'var(--wm-text-skeleton-height)',
+                'border-radius': 'var(--wm-space-1)'
+            }
+        }, {
+            className: '.app-input-invalid',
+            rnStyleSelector: 'app-input.invalid',
+            studioStyleSelector: '.app-textbox.invalid',
+            style: {
+                'border-bottom-color': '@inputInvalidBorderColor',
+            },
+            dtStyle: {
+                'border-bottom-color': 'var(--wm-text-invalid-border-bottom-color)'
+            }
+        }, {
+            className: '.app-invalid-focused',
+            rnStyleSelector: 'app-invalid.focused',
+            studioStyleSelector: '.app-textbox.focused',
+            style: {
+                'border-color': '@inputFocusBorderColor',
+            },
+            dtStyle: {
+                'border-color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-input-disabled',
+            rnStyleSelector: 'app-input.disabled',
+            studioStyleSelector: '',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-text-disabled-background-color)',
+            }
+        },
+        {
+            className: '.app-input-flotaing-label',
+            rnStyleSelector: 'app-input.floatingLabel',
+            style: {}
+        }, {
+            className: '.app-input-active-flotaing-label',
+            rnStyleSelector: 'app-input.activeFloatingLabel',
+            style: {}
+        },
+        {
+            className: '.app-input-with-label.app-input-active-flotaing-label',
+            rnStyleSelector: ".app-input-with-label.inputFlotaingLabelActive",
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-input-with-label.app-input-flotaing-label',
+            rnStyleSelector: ".app-input-with-label.inputFlotaingLabelActivea",
+            dtStyle: {
+                'top': 'var(--wm-input-floating-label-top)',
+                'left': 'var(--wm-input-floating-label-left)',
+                'font-size': 'var(--wm-input-floating-label-font-size)',
+                'color': ' var(--wm-form-control-border-color)',
+            }
+        }])
+};
+//# sourceMappingURL=text.styledef.js.map

package/src/theme/components/input/text.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/text.styledef.ts"],"names":[],"mappings":"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"}

package/src/theme/components/input/textarea.styledef.js

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-textarea',
+            rnStyleSelector: 'app-textarea.root',
+            studioStyleSelector: '.app-textarea',
+            style: {
+                'border-color': '@inputBorderColor',
+                'background-color': '@inputBackgroundColor',
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-form-control-background)',
+                'border-width': 'var(--wm-form-control-border-width)',
+                'border-style': 'var(--wm-form-control-border-style)',
+                'border-radius': 'var(--wm-text-area-border-radius)',
+                'padding': 'var(--wm-text-area-padding)',
+                'border-color': 'var(--wm-text-area-border-color)',
+                'min-height': 'var(--wm-text-area-min-height)',
+                'font-family': 'var(--wm-text-font-family)'
+            }
+        }, {
+            className: '.app-textarea-text',
+            rnStyleSelector: 'app-textarea.text',
+            studioStyleSelector: '.app-textarea',
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-color)',
+                'font-family': 'var(--wm-form-control-font-family)',
+                'font-size': 'var(--wm-form-control-font-size)',
+                // 'font-weight':'var(--wm-form-control-font-weight)',
+                'line-height': 'var(--wm-form-control-line-height)',
+                'letter-spacing': 'var(--wm-form-control-letter-spacing)',
+                'text-align-vertical': 'var(--wm-text-area-text-align-vertical)'
+            }
+        }, {
+            className: '.app-textarea-invalid',
+            rnStyleSelector: 'app-textarea.invalid',
+            studioStyleSelector: '.app-textarea.invalid',
+            style: {
+                'border-bottom-color': 'red'
+            },
+            dtStyle: {
+                'border-bottom-color': 'var(--wm-color-error)'
+            }
+        }, {
+            className: '.app-textarea-focused',
+            rnStyleSelector: 'app-textarea.focused',
+            studioStyleSelector: '.app-textarea.focused',
+            style: {
+                'border-color': '@inputFocusBorderColor'
+            },
+            dtStyle: {
+                'border-color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-textarea-flotaing-label',
+            rnStyleSelector: 'app-textarea.floatingLabel',
+            style: {}
+        }, {
+            className: '.app-textarea-active-flotaing-label',
+            rnStyleSelector: 'app-textarea.activeFloatingLabel',
+            style: {}
+        }, {
+            className: '.app-textarea-with-label.app-textarea-active-flotaing-label',
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-textarea-with-label.app-textarea-flotaing-label',
+            dtStyle: {
+                'top': 'var(--wm-text-floating-label-top)',
+                'left': 'var(--wm-text-floating-label-left)',
+                'font-size': 'var(--wm-text-floating-label-font-size)',
+                'color': ' var(--wm-form-control-border-color)',
+            }
+        }, {
+            className: '.app-textarea-with-label.app-textarea-text',
+            dtStyle: {
+                'padding-top': 'var(--wm-text-area-label-padding-top)'
+            }
+        }, {
+            className: '.app-textarea-placeholder',
+            rnStyleSelector: 'app-textarea.placeholderText',
+            studioStyleSelector: '',
+            style: {
+                'color': '@inputPlaceholderColor'
+            },
+            dtStyle: {
+                'color': 'var(--wm-text-area-text-place-holder)'
+            }
+        }, {
+            className: '.app-textarea-help-text',
+            rnStyleSelector: 'app-textarea.helpText',
+            studioStyleSelector: '',
+            style: {}
+        }, {
+            className: '.app-textarea-skeleton',
+            rnStyleSelector: 'app-textarea.skeleton',
+            studioStyleSelector: '.app-textarea-skeleton',
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-text-skeleton-width)',
+                'height': 'var(--wm-text-area-skeleton-height)',
+                'border-radius': 'var(--wm-space-1)'
+            }
+        }])
+};
+//# sourceMappingURL=textarea.styledef.js.map

package/src/theme/components/input/textarea.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/textarea.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,eAAe;YAC1B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,eAAe;YACpC,KAAK,EAAE;gBACH,cAAc,EAAE,mBAAmB;gBACnC,kBAAkB,EAAE,uBAAuB;aAC9C;YACD,OAAO,EAAC;gBACJ,kBAAkB,EAAC,mCAAmC;gBACtD,cAAc,EAAC,qCAAqC;gBACpD,cAAc,EAAC,qCAAqC;gBACpD,eAAe,EAAC,mCAAmC;gBACnD,SAAS,EAAC,6BAA6B;gBACvC,cAAc,EAAC,kCAAkC;gBACjD,YAAY,EAAC,gCAAgC;gBAC7C,aAAa,EAAC,4BAA4B;aAC7C;SACJ,EAAE;YACC,SAAS,EAAE,oBAAoB;YAC/B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,eAAe;YACpC,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,OAAO,EAAC,8BAA8B;gBACtC,aAAa,EAAC,oCAAoC;gBAClD,WAAW,EAAE,kCAAkC;gBAC/C,sDAAsD;gBACtD,aAAa,EAAC,oCAAoC;gBAClD,gBAAgB,EAAC,uCAAuC;gBACxD,qBAAqB,EAAC,yCAAyC;aACtE;SACA,EAAE;YACC,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,uBAAuB;YAC5C,KAAK,EAAE;gBACH,qBAAqB,EAAE,KAAK;aAC/B;YACD,OAAO,EAAC;gBACJ,qBAAqB,EAAC,uBAAuB;aAChD;SACJ,EAAC;YACE,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,uBAAuB;YAC5C,KAAK,EAAE;gBACH,cAAc,EAAE,wBAAwB;aAC3C;YACD,OAAO,EAAC;gBACJ,cAAc,EAAC,qCAAqC;aACvD;SACJ,EAAC;YACE,SAAS,EAAE,8BAA8B;YACzC,eAAe,EAAE,4BAA4B;YAC7C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,qCAAqC;YAChD,eAAe,EAAE,kCAAkC;YACnD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,6DAA6D;YACxE,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,OAAO,EAAC,qCAAqC;aAChD;SACJ,EAAE;YACC,SAAS,EAAE,sDAAsD;YACjE,OAAO,EAAC;gBACJ,KAAK,EAAC,mCAAmC;gBACzC,MAAM,EAAC,oCAAoC;gBAC3C,WAAW,EAAC,yCAAyC;gBACrD,OAAO,EAAC,sCAAsC;aACjD;SACJ,EAAC;YACE,SAAS,EAAE,4CAA4C;YACvD,OAAO,EAAC;gBACJ,aAAa,EAAC,uCAAuC;aACxD;SACJ,EAAC;YACE,SAAS,EAAE,2BAA2B;YACtC,eAAe,EAAE,8BAA8B;YAC/C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,OAAO,EAAE,wBAAwB;aACpC;YACD,OAAO,EAAC;gBACJ,OAAO,EAAC,uCAAuC;aAClD;SACJ,EAAC;YACE,SAAS,EAAE,yBAAyB;YACpC,eAAe,EAAE,uBAAuB;YACxC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,uBAAuB;YACxC,mBAAmB,EAAE,wBAAwB;YAC7C,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,OAAO,EAAC,+BAA+B;gBACvC,QAAQ,EAAC,qCAAqC;gBAC9C,eAAe,EAAC,mBAAmB;aACtC;SACJ,CAAC,CAAC;CACY,CAAC"}

package/src/theme/components/input/toggle.styledef.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-toggle',
+            rnStyleSelector: 'app-toggle.root',
+            studioStyleSelector: '.app-toggle',
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-toggle-label-width)',
+                'height': 'var(--wm-toggle-height)',
+                'border-radius': 'var(--wm-toggle-handle-border-radius)'
+            }
+        }, {
+            className: '.app-toggle-on',
+            rnStyleSelector: 'app-toggle-on',
+            studioStyleSelector: '.app-toggle-on',
+            style: {
+                'background-color': '@toggleOnColor'
+            }
+        }, {
+            className: '.app-toggle-off',
+            rnStyleSelector: 'app-toggle-off',
+            studioStyleSelector: '.app-toggle-off',
+            style: {
+                'background-color': '@toggleOffColor'
+            }
+        }, {
+            className: '.app-toggle-text',
+            rnStyleSelector: 'app-toggle.text',
+            studioStyleSelector: '.app-toggle .caption',
+            style: {
+                color: '@toggleHandleColor'
+            }
+        }, {
+            className: '.app-toggle-handle',
+            rnStyleSelector: 'app-toggle.handle',
+            studioStyleSelector: '.app-toggle .caption',
+            style: {
+                color: '@toggleHandleColor'
+            },
+            dtStyle: {
+                'width': 'var(--wm-toggle-handle-width)',
+                'height': 'var(--wm-toggle-handle-height)',
+                'border-radius': 'var(--wm-toggle-handle-border-radius)',
+                'margin-left': 'var(--wm-toggle-handle-margin-left)',
+                'margin-right': 'var(--wm-toggle-handle-margin-right)',
+                'background-size': 'var(--wm-toggle-handle-background-size)',
+                'background-position': 'var(--wm-toggle-handle-background-position)'
+            }
+        }, {
+            className: '.app-toggle-off.root',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-toggle-track-background)',
+                'border-color': 'var(--wm-toggle-track-border-color)',
+                'border-style': 'var(--wm-toggle-track-border-style)',
+                // 'border-width':'var(--wm-toggle-track-border-width)',
+                'min-height': 'var(--wm-toggle-label-min-height)',
+                'width': 'var(--wm-toggle-label-width)',
+            }
+        }, {
+            className: '.app-toggle-off.handle',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-toggle-handle-background)',
+                'height': 'var(--wm-toggle-handle-height)',
+                'width': 'var(--wm-toggle-handle-width)',
+            },
+        }, {
+            className: '.app-toggle-on.root',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-toggle-track-active-background)',
+                'border-color': 'var(--wm-toggle-track-active-background)',
+                'border-style': 'var(--wm-toggle-track-border-style)',
+                // 'border-width':'var(--wm-toggle-track-border-width)',
+                'min-height': 'var(--wm-toggle-label-min-height)',
+                'width': 'var(--wm-toggle-label-width)',
+            },
+        }, {
+            className: '.app-toggle-on.handle',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-toggle-handle-checked-active-background)',
+                'height': 'var(--wm-toggle-handle-height)',
+                'width': 'var(--wm-toggle-handle-width)',
+            },
+        },
+        {
+            className: '.app-toggle-handle-on',
+            rnStyleSelector: 'app-toggle-on',
+            studioStyleSelector: '.app-toggle-on .handle',
+            style: {
+                'background-color': '@toggleHandleColor'
+            }
+        }, {
+            className: '.app-toggle-handle-off',
+            rnStyleSelector: 'app-toggle-off',
+            studioStyleSelector: '.app-toggle-off .handle',
+            style: {
+                'background-color': '@toggleHandleDisableColor'
+            }
+        }
+    ])
+};
+//# sourceMappingURL=toggle.styledef.js.map

package/src/theme/components/input/toggle.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/toggle.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,aAAa;YACxB,eAAe,EAAE,iBAAiB;YAClC,mBAAmB,EAAE,aAAa;YAClC,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,OAAO,EAAC,8BAA8B;gBACtC,QAAQ,EAAC,yBAAyB;gBAClC,eAAe,EAAC,uCAAuC;aAC1D;SACJ,EAAE;YACC,SAAS,EAAE,gBAAgB;YAC3B,eAAe,EAAE,eAAe;YAChC,mBAAmB,EAAE,gBAAgB;YACrC,KAAK,EAAE;gBACH,kBAAkB,EAAE,gBAAgB;aACvC;SACJ,EAAE;YACC,SAAS,EAAE,iBAAiB;YAC5B,eAAe,EAAE,gBAAgB;YACjC,mBAAmB,EAAE,iBAAiB;YACtC,KAAK,EAAE;gBACH,kBAAkB,EAAE,iBAAiB;aACxC;SACJ,EAAE;YACC,SAAS,EAAE,kBAAkB;YAC7B,eAAe,EAAE,iBAAiB;YAClC,mBAAmB,EAAE,sBAAsB;YAC3C,KAAK,EAAE;gBACH,KAAK,EAAE,oBAAoB;aAC9B;SACJ,EAAE;YACC,SAAS,EAAE,oBAAoB;YAC/B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,sBAAsB;YAC3C,KAAK,EAAE;gBACH,KAAK,EAAE,oBAAoB;aAC9B;YACD,OAAO,EAAC;gBACR,OAAO,EAAE,+BAA+B;gBACxC,QAAQ,EAAE,gCAAgC;gBAC1C,eAAe,EAAE,uCAAuC;gBACxD,aAAa,EAAE,qCAAqC;gBACpD,cAAc,EAAE,sCAAsC;gBACtD,iBAAiB,EAAE,yCAAyC;gBAC5D,qBAAqB,EAAE,6CAA6C;aACnE;SACJ,EAAE;YACC,SAAS,EAAE,sBAAsB;YACjC,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,kBAAkB,EAAC,mCAAmC;gBACtD,cAAc,EAAC,qCAAqC;gBACpD,cAAc,EAAC,qCAAqC;gBACpD,wDAAwD;gBACxD,YAAY,EAAC,mCAAmC;gBAChD,OAAO,EAAC,8BAA8B;aACzC;SACJ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,kBAAkB,EAAC,oCAAoC;gBACvD,QAAQ,EAAC,gCAAgC;gBACzC,OAAO,EAAC,+BAA+B;aAC1C;SAEJ,EAAE;YACC,SAAS,EAAE,qBAAqB;YAChC,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACL,kBAAkB,EAAC,0CAA0C;gBAC5D,cAAc,EAAC,0CAA0C;gBACzD,cAAc,EAAC,qCAAqC;gBACpD,wDAAwD;gBACxD,YAAY,EAAC,mCAAmC;gBAChD,OAAO,EAAC,8BAA8B;aACzC;SAEJ,EAAE;YACC,SAAS,EAAE,uBAAuB;YAClC,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,kBAAkB,EAAC,mDAAmD;gBACtE,QAAQ,EAAC,gCAAgC;gBACzC,OAAO,EAAC,+BAA+B;aAC1C;SAEJ;QACD;YACI,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,eAAe;YAChC,mBAAmB,EAAE,wBAAwB;YAC7C,KAAK,EAAE;gBACH,kBAAkB,EAAE,oBAAoB;aAC3C;SACJ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,gBAAgB;YACjC,mBAAmB,EAAE,yBAAyB;YAC9C,KAAK,EAAE;gBACH,kBAAkB,EAAE,2BAA2B;aAClD;SACJ;KACJ,CAAC;CACiB,CAAC"}

package/src/theme/components/navigation/appnavbar.styledef.js

@@ -0,0 +1,147 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-appnavbar',
+            rnStyleSelector: 'app-appnavbar.root',
+            studioStyleSelector: '.app-mobile-navbar',
+            style: {
+                'background-color': '@navbarBackgroundColor'
+            }
+        }, {
+            className: '.app-appnavbar-action',
+            rnStyleSelector: 'app-appnavbar.action',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-left a',
+            style: {}
+        }, {
+            className: '.app-appnavbar-left-section',
+            rnStyleSelector: 'app-appnavbar.leftSection',
+            studioStyleSelector: '',
+            style: {}
+        }, {
+            className: '.app-appnavbar-middle-section',
+            rnStyleSelector: 'app-appnavbar.middleSection',
+            studioStyleSelector: '',
+            style: {}
+        }, {
+            className: '.app-appnavbar-right-section',
+            rnStyleSelector: 'app-appnavbar.rightSection',
+            studioStyleSelector: '',
+            style: {}
+        }, {
+            className: '.app-appnavbar-left-icon',
+            rnStyleSelector: 'app-appnavbar.leftnavIcon',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-left li[ng-if="showLeftnav"] a',
+            style: {}
+        }, {
+            className: '.app-appnavbar-left-icon .app-icon',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-left li[ng-if="showLeftnav"] a',
+            style: {
+                'font-size': '@navbarIconSize',
+                color: '@navbarTextColor'
+            }
+        }, {
+            className: '.app-appnavbar-back-icon',
+            rnStyleSelector: 'app-appnavbar.backIcon',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-left li[ng-if="backbutton"] a.btn-back',
+            style: {}
+        }, {
+            className: '.app-appnavbar-back-icon .app-icon',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-left li[ng-if="backbutton"] a.btn-back',
+            style: {
+                'font-size': '@navbarIconSize',
+                color: '@navbarTextColor'
+            }
+        }, {
+            className: '.app-appnavbar-image',
+            rnStyleSelector: 'app-appnavbar.image',
+            studioStyleSelector: '.app-mobile-navbar .brand-image',
+            style: {
+                width: '@navbarImageSize',
+                height: '@navbarImageSize'
+            }
+        }, {
+            className: '.app-appnavbar-content',
+            rnStyleSelector: 'app-appnavbar.content',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-center',
+            style: {
+                'color': '@navbarTextColor',
+                'font-size': 'unit(@navbarFontSize, px)'
+            }
+        }, {
+            className: '.app-appnavbar-badge',
+            rnStyleSelector: 'app-appnavbar.badge',
+            style: {
+                'background-color': '@titleBadgeBackgroundColor',
+                'color': '@titleBadgeTextColor',
+            }
+        }, {
+            className: '.navbar-anchor',
+            rnStyleSelector: 'navbarAnchorItem.root',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-right .app-anchor',
+            style: {}
+        }, {
+            className: '.navbar-anchor-text',
+            rnStyleSelector: 'navbarAnchorItem.text',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-right .app-anchor .anchor-caption',
+            style: {
+                color: '@navbarTextColor'
+            }
+        }, {
+            className: '.navbar-anchor-icon',
+            rnStyleSelector: 'navbarAnchorItem.icon.text',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-right .app-anchor .app-icon',
+            style: {
+                color: '@navbarTextColor'
+            }
+        }, {
+            className: '.navbar-button-icon',
+            rnStyleSelector: 'navbarButton.icon.text',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-right .app-button .app-icon',
+            style: {
+                color: '@navbarTextColor'
+            }
+        }, {
+            className: '.navbar-button-text',
+            rnStyleSelector: 'navbarButton.text',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-right .app-button .app-text',
+            style: {
+                color: '@navbarTextColor'
+            }
+        }, {
+            className: '.navbarMenu.app-menu-trigger',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-right .app-menu',
+            style: {
+                'background-color': 'transparent'
+            }
+        }, {
+            className: '.navbarMenu.app-menu-trigger .app-anchor-icon .app-icon',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-right .app-menu .app-anchor .app-icon',
+            style: {
+                'font-size': '@navbarIconSize',
+                color: '@navbarTextColor'
+            }
+        }, {
+            className: '.navbarMenu.app-menu-trigger .app-anchor-text',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-right .app-menu .app-anchor .caption',
+            style: {
+                'font-size': '@navbarIconSize',
+                color: '@navbarTextColor'
+            }
+        }, {
+            className: '.navbarPopover.app-popover-link .app-anchor-icon .app-icon',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-right .app-anchor[widgettype="wm-popover"] .app-icon',
+            style: {
+                'font-size': '@navbarIconSize',
+                color: '@navbarTextColor'
+            }
+        }, {
+            className: '.navbarPopover.app-popover-link .app-anchor-text',
+            studioStyleSelector: '.app-mobile-navbar .mobile-navbar-right .app-anchor[widgettype="wm-popover"] .caption',
+            style: {
+                'font-size': '@navbarIconSize',
+                color: '@navbarTextColor'
+            }
+        }])
+};
+//# sourceMappingURL=appnavbar.styledef.js.map

package/src/theme/components/navigation/appnavbar.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appnavbar.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/navigation/appnavbar.styledef.ts"],"names":[],"mappings":"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"}

package/src/theme/components/navigation/basenav.styledef.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-basenav',
+            rnStyleSelector: 'app-basenav.root',
+            studioStyleSelector: '',
+            style: {}
+        }])
+};
+//# sourceMappingURL=basenav.styledef.js.map

package/src/theme/components/navigation/basenav.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basenav.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/navigation/basenav.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,cAAc;YACzB,eAAe,EAAE,kBAAkB;YACnC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ,CAAC,CAAC;CACY,CAAC"}