@wavemaker/rn-codegen 12.0.0-next.46502 → 12.0.0-next.47810

package/src/theme/components/basic/label.styledef.js

@@ -0,0 +1,171 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getLabelStyle = (className, bgColor, color) => [{
+        className: `.${className}.app-label`,
+        style: {
+            'background-color': bgColor,
+        }
+    }, {
+        className: `.${className}.app-label-text`,
+        style: {
+            'color': color,
+        }
+    }];
+const getTextStyle = (className, color) => [{
+        className: `.${className}.app-label-text`,
+        style: {
+            'color': color,
+        }
+    }];
+const getHeadingStyles = (className, fontSize) => [{
+        className: `.${className}.app-label-text`,
+        style: {
+            'font-size': fontSize,
+            'color': '@labelHeaderColor',
+        }
+    }];
+const getLabeldtStyle = (className, bgColor, color) => [{
+        className: `.${className}.app-label`,
+        dtStyle: {
+            'background-color': bgColor,
+            'padding-left': 'var(--wm-space-8)',
+            'padding-top': 'var(--wm-space-4)',
+            'padding-right': 'var(--wm-space-8)',
+            'padding-bottom': 'var(--wm-space-4)',
+            'border-radius': 'var(--wm-label-border-radius)'
+        }
+    }, {
+        className: `.${className}.app-label-text`,
+        dtStyle: {
+            'color': color,
+            'font-weight': 'var(--wm-font-weight-bold)'
+        }
+    }];
+const getTextdtStyle = (className, color) => [{
+        className: `.${className}.app-label-text`,
+        dtStyle: {
+            'color': color,
+        },
+    }];
+const getHeadingdtStyles = (className, fontSize, fontfamily) => [{
+        className: `.${className}.app-label-text`,
+        dtStyle: {
+            'color': 'var(--wm-headings-color)',
+            'font-size': fontSize,
+            'font-family': fontfamily,
+        }
+    }];
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-label',
+            rnStyleSelector: 'app-label.root',
+            studioStyleSelector: '.app-label',
+            style: {
+                color: '@labelDefaultColor'
+            }
+        }, {
+            className: '.app-label-text',
+            rnStyleSelector: 'app-label.text',
+            studioStyleSelector: '.app-label',
+            style: {},
+            dtStyle: {
+                'font-size': 'var(--wm-label-large-font-size)',
+                'color': 'var(--wm-label-default-color)'
+            }
+        }, {
+            className: '.app-label-asterisk',
+            rnStyleSelector: 'app-label.asterisk',
+            studioStyleSelector: '.app-label.required:after',
+            style: {
+                color: '@labelAsteriskColor'
+            },
+            dtStyle: {
+                'color': 'var(--wm-color-error)',
+                'margin-left': 'var(--wm-label-asterisk-margin-left)'
+            }
+        }, {
+            className: '.app-label-skeleton',
+            rnStyleSelector: 'app-label.skeleton',
+            studioStyleSelector: '.app-label-skeleton',
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-label-skeleton-width)',
+                'height': 'var(--wm-label-skeleton-height)',
+                'border-radius': 'var(--wm-label-skeleton-border-radius)'
+            }
+        }, {
+            className: '.app-label-link',
+            rnStyleSelector: 'app-label.link',
+            style: {}
+        }, {
+            className: '.text-center.app-label-text',
+            dtStyle: {
+                'text-align': 'var(--wm-label-text-align-center)'
+            }
+        }, {
+            className: '.text-left.app-label-text',
+            dtStyle: {
+                'text-align': 'var(--wm-label-text-align-left)'
+            }
+        }, {
+            className: '.text-right.app-label-text',
+            dtStyle: {
+                'text-align': 'var(--wm-label-text-align-right)'
+            }
+        }, {
+            className: '.media-heading.app-label-text',
+            dtStyle: {
+                'font-size': 'var(--wm-space-4)',
+            }
+        }, {
+            className: '.p.app-label-text',
+            dtStyle: {
+                'font-size': 'var(--wm-space-3)',
+            }
+        },
+        ...getLabeldtStyle('label-danger', 'var(--wm-message-container-danger-background)', 'var(--wm-color-white)'),
+        ...getLabeldtStyle('label-primary', 'var(--wm-color-primary)', 'var(--wm-color-white)'),
+        ...getLabeldtStyle('label-secondary', 'var(--wm-color-secondary)', 'var(--wm-color-white)'),
+        ...getLabeldtStyle('label-default', 'var(--wm-label-default-color)', 'var(--wm-color-white)'),
+        ...getLabeldtStyle('label-success', 'var(--wm-message-container-success-background)', 'var(--wm-color-white)'),
+        ...getLabeldtStyle('label-warning', 'var(--wm-message-container-warning-background)', 'var(--wm-color-white)'),
+        ...getLabeldtStyle('label-info', 'var(--wm-message-container-info-background)', 'var(--wm-color-white)'),
+        ...getLabelStyle('label-danger', '@labelDangerColor', '@labelDangerContrastColor'),
+        ...getLabelStyle('label-primary', '@labelPrimaryColor', '@labelPrimaryContrastColor'),
+        ...getLabelStyle('label-default', '@labelDefaultColor', '@labelDefaultContrastColor'),
+        ...getLabelStyle('label-success', '@labelSuccessColor', '@labelSuccessContrastColor'),
+        ...getLabelStyle('label-warning', '@labelWarningColor', '@labelWarningContrastColor'),
+        ...getLabelStyle('label-info', '@labelInfoColor', '@labelInfoContrastColor'),
+        ...getTextdtStyle('text-danger', 'var(--wm-message-container-danger-background)'),
+        ...getTextdtStyle('text-primary', 'var(--wm-color-primary)'),
+        ...getTextdtStyle('text-secondary', 'var(--wm-color-secondary)'),
+        ...getTextdtStyle('text-default', 'var(--wm-label-default-color)'),
+        ...getTextdtStyle('text-success', 'var(--wm-message-container-success-background)'),
+        ...getTextdtStyle('text-warning', 'var(--wm-message-container-warning-background)'),
+        ...getTextdtStyle('text-info', 'var(--wm-message-container-info-background)'),
+        ...getTextdtStyle('text-muted', 'var(--wm-color-on-surface-variant)'),
+        ...getTextStyle('text-danger', '@labelTextDangerColor'),
+        ...getTextStyle('text-primary', '@labelTextPrimaryColor'),
+        ...getTextStyle('text-success', '@labelTextSuccessColor'),
+        ...getTextStyle('text-warning', '@labelTextWarningColor'),
+        ...getTextStyle('text-info', '@labelTextInfoColor'),
+        ...getHeadingdtStyles('h1', 'var(--wm-h1-font-size)', 'var(--wm-h1-font-family)'),
+        ...getHeadingdtStyles('h2', 'var(--wm-h2-font-size)', 'var(--wm-h2-font-family)'),
+        ...getHeadingdtStyles('h3', 'var(--wm-h3-font-size)', 'var(--wm-h3-font-family)'),
+        ...getHeadingdtStyles('h4', 'var(--wm-h4-font-size)', 'var(--wm-h4-font-family)'),
+        ...getHeadingdtStyles('h5', 'var(--wm-h5-font-size)', 'var(--wm-h5-font-family)'),
+        ...getHeadingdtStyles('h6', 'var(--wm-h6-font-size)', 'var(--wm-h6-font-family)'),
+        ...getHeadingStyles('h1', '@heading1FontSize'),
+        ...getHeadingStyles('h2', '@heading2FontSize'),
+        ...getHeadingStyles('h3', '@heading3FontSize'),
+        ...getHeadingStyles('h4', '@heading4FontSize'),
+        ...getHeadingStyles('h5', '@heading5FontSize'),
+        ...getHeadingStyles('h6', '@heading6FontSize'), {
+            className: '.text-muted.app-label-text',
+            style: {
+                color: '@labelTextMutedColor'
+            }
+        },
+    ])
+};
+//# sourceMappingURL=label.styledef.js.map

package/src/theme/components/basic/label.styledef.js.map

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

package/src/theme/components/basic/message.styledef.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const rnStyleToStudio = {
+    'success-message': 'alert-success',
+    'error-message': 'alert-danger',
+    'warning-message': 'alert-warning',
+    'info-message': 'alert-info',
+    'loading-message': 'alert-loading'
+};
+const getStyle = (className, bgColor, closeBtnColor, iconcolor, textcolor, borderColor = 'transparent') => {
+    const studioClass = rnStyleToStudio[className];
+    return [{
+            className: `.${className}.app-message`,
+            studioStyleSelector: `.${studioClass}.app-message`,
+            style: {
+                'background-color': bgColor,
+                'border-color': borderColor
+            }
+        }, {
+            className: `.${className}.app-message-text`,
+            studioStyleSelector: `.${studioClass}.app-message span`,
+            style: {
+                color: textcolor
+            }
+        }, {
+            className: `.${className}.app-message-icon .app-icon-text`,
+            studioStyleSelector: `.${studioClass}.app-message .icon`,
+            style: {
+                color: iconcolor
+            }
+        }, {
+            className: `.${className}.app-message-closebtn .app-button .app-button-icon .app-icon-text`,
+            studioStyleSelector: `.${studioClass}.app-message button.close`,
+            style: {
+                color: closeBtnColor
+            }
+        }];
+};
+const getdtStyle = (className, bgColor = 'transparent', borderColor = 'transparent', textcolor, iconcolor) => {
+    const studioClass = rnStyleToStudio[className];
+    return [{
+            className: `.${className}.app-message`,
+            studioStyleSelector: `.${studioClass}.app-message`,
+            dtStyle: {
+                'background-color': bgColor,
+                'border-color': borderColor
+            }
+        }, {
+            className: `.${className}.app-message-text`,
+            studioStyleSelector: `.${studioClass}.app-message span`,
+            dtStyle: {
+                'color': textcolor
+            }
+        }, {
+            className: `.${className}.app-message-title`,
+            studioStyleSelector: `.${studioClass}.app-message span`,
+            dtStyle: {
+                'color': textcolor
+            }
+        }, {
+            className: `.${className}.app-message-icon .app-icon-text`,
+            studioStyleSelector: `.${studioClass}.app-message .icon`,
+            dtStyle: {
+                'color': textcolor
+            }
+        }, {
+            className: `.${className}.app-message-closebtn .app-button .app-button-icon .app-icon-text`,
+            studioStyleSelector: `.${studioClass}.app-message button.close`,
+            dtStyle: {
+                'color': textcolor
+            }
+        }, {
+            className: `.${className}.app-message-icon.root`,
+            dtStyle: {
+                'color': iconcolor
+            }
+        }
+    ];
+};
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-message',
+            rnStyleSelector: 'app-message.root',
+            studioStyleSelector: '.app-message',
+            style: {},
+            dtStyle: {
+                // 'border-width':'var(--wm-message-container-border-width)',
+                'border-style': 'var(--wm-message-container-border-style)',
+                'border-radius': 'var(--wm-message-container-border-radius)',
+                'padding': 'var(--wm-message-container-padding)'
+            }
+        }, {
+            className: '.app-message-text',
+            rnStyleSelector: 'app-message.text',
+            studioStyleSelector: '.app-message span',
+            style: {},
+            dtStyle: {
+                'font-size': 'var(--wm-message-container-text-font-size)'
+            }
+        }, {
+            className: '.app-message-title',
+            rnStyleSelector: 'app-message.title',
+            studioStyleSelector: '',
+            style: {},
+            dtStyle: {
+                'font-size': 'var(--wm-message-font-size)',
+                'font-weight': 'var(--wm-message-font-weight)',
+                'line-height': 'var(--wm-message-line-height)',
+                'letter-spacing': 'var(--wm-message-letter-spacing)',
+            }
+        }, {
+            className: '.app-message-text-wrapper',
+            rnStyleSelector: 'app-message.message',
+            studioStyleSelector: '.app-message >div:nth-child(2)',
+            style: {}
+        }, {
+            className: '.app-message-icon',
+            rnStyleSelector: 'app-message.icon',
+            studioStyleSelector: '.app-message ',
+            style: {},
+            dtStyle: {
+                'font-size': 'var(--wm-message-icon-font-size)'
+            }
+        }, {
+            className: '.app-message-closebtn',
+            rnStyleSelector: 'app-message.closeBtn',
+            studioStyleSelector: '.app-message button.close',
+            style: {}
+        },
+        ...getStyle('success-dark-message', '@messageSuccessColor', '@defaultColorF', '@defaultColorF', '@defaultColorF'),
+        ...getStyle('error-dark-message', '@messageErrorColor', '@defaultColorF', '@defaultColorF', '@defaultColorF'),
+        ...getStyle('warning-dark-message', '@messageWarningColor', '@defaultColorF', '@defaultColorF', '@defaultColorF'),
+        ...getStyle('info-dark-message', '@messageInfoColor', '@defaultColorF', '@defaultColorF', '@defaultColorF'),
+        ...getStyle('loading-dark-message', '@messageLoadingColor', '@defaultColorF', '@defaultColorF', '@defaultColorF'),
+        ...getStyle('success-light-message', '@defaultColorF', '@defaultColor6', '@messageSuccessColor', '@defaultColor6', '@defaultColorD'),
+        ...getStyle('error-light-message', '@defaultColorF', '@defaultColor6', '@messageErrorColor', '@defaultColor6', '@defaultColorD'),
+        ...getStyle('warning-light-message', '@defaultColorF', '@defaultColor6', '@messageWarningColor', '@defaultColor6', '@defaultColorD'),
+        ...getStyle('info-light-message', '@defaultColorF', '@defaultColor6', '@messageInfoColor', '@defaultColor6', '@defaultColorD'),
+        ...getStyle('loading-light-message', '@defaultColorF', '@defaultColor6', '@messageLoadingColor', '@defaultColor6', '@defaultColorD'),
+        ...getdtStyle('success-dark-message', 'var(--wm-message-container-success-background)', 'var(--wm-message-container-success-border-color)', 'var(--wm-message-container-success-color)', 'var(--wm-message-container-success-color)'),
+        ...getdtStyle('error-dark-message', 'var(--wm-message-container-danger-background)', 'var(--wm-message-container-danger-border-color)', 'var(--wm-message-container-danger-color)', 'var(--wm-message-container-danger-color)'), ...getdtStyle('warning-dark-message', 'var(--wm-message-container-warning-background)', 'var(--wm-message-container-warning-border-color)', 'var(--wm-message-container-success-color)', 'var(--wm-message-container-success-color)'), ...getdtStyle('info-dark-message', 'var(--wm-message-container-info-background)', 'var(--wm-message-container-info-border-color)', 'var(--wm-message-container-success-color)', 'var(--wm-message-container-success-color)'), ...getdtStyle('loading-dark-message', 'var(--wm-message-container-loading-background)', 'var(--wm-message-container-loading-border-color)', 'var(--wm-message-container-loading-color)', 'var(--wm-message-container-loading-color)'), ...getdtStyle('success-light-message', 'var(--wm-color-white)', 'var(--wm-message-container-success-border-color)', 'var(--wm-message-container-warning-color)', 'var(--wm-message-container-success-background)'),
+        ...getdtStyle('error-light-message', 'var(--wm-color-white)', 'var(--wm-message-container-danger-border-color)', 'var(--wm-message-container-warning-color)', 'var(--wm-message-container-danger-background)'), ...getdtStyle('warning-light-message', 'var(--wm-color-white)', 'var(--wm-message-container-warning-border-color)', 'var(--wm-message-container-warning-color)', 'var(--wm-message-container-warning-background)'), ...getdtStyle('info-light-message', 'var(--wm-color-white)', 'var(--wm-message-container-info-border-color)', 'var(--wm-message-container-info-color)', 'var(--wm-message-container-info-background)'), ...getdtStyle('loading-light-message', 'var(--wm-color-white)', 'var(--wm-message-container-loading-border-color)', 'var(--wm-color-black)', 'var(--wm-message-container-loading-background)')
+    ])
+};
+//# sourceMappingURL=message.styledef.js.map

package/src/theme/components/basic/message.styledef.js.map

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

package/src/theme/components/basic/picture.styledef.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-picture',
+            rnStyleSelector: 'app-picture.root',
+            studioStyleSelector: '.app-picture',
+            style: {},
+            dtStyle: {
+                'overflow': 'var(--wm-picture-root-overflow)',
+                'width': 'var(--wm-picture-root-width)',
+                'rippleColor': 'var(--wm-picture-root-rippleColor)'
+            }
+        }, {
+            className: '.app-picture-skeleton',
+            rnStyleSelector: 'app-picture.skeleton',
+            studioStyleSelector: '.app-picture-skeleton',
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-picture-skeleton-width)',
+                'height': 'var(--wm-picture-skeleton-height)'
+            }
+        }, {
+            className: '.app-picture.picture',
+            dtStyle: {
+                'width': 'var(--wm-picture-width)',
+                'height': 'var(--wm-picture-height)'
+            }
+        }, {
+            className: '.thumbnail-image.app-picture',
+            studioStyleSelector: '.img-thumbnail.app-picture',
+            style: {
+                'background-color': '@pictureThumbBgColor',
+                'border-color': '@pictureThumbBorderColor'
+            }, dtStyle: {
+                'border-radius': 'var(--wm-picture-border-radius)',
+                'background-color': 'var(--wm-color-white)',
+                'border-color': 'var(--wm-picture-thumbnail-border-color)',
+                'border-style': 'var(--wm-picture-thumbnail-border-style)',
+                'border-width': 'var(--wm-picture-thumbnail-border-width)',
+                'padding-top': 'var(--wm-space-2)',
+                'padding-bottom': 'var(--wm-space-2)',
+                'padding-left': 'var(--wm-space-2)',
+                'padding-right': 'var(--wm-space-2)'
+            }
+        }, {
+            className: '.rounded-image.app-picture',
+            dtStyle: {
+                'border-radius': 'var(--wm-picture-border-radius)'
+                // 'border-width':'var(--wm-picture-thumbnail-border-width)',
+            }
+        }])
+};
+//# sourceMappingURL=picture.styledef.js.map

package/src/theme/components/basic/picture.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"picture.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/basic/picture.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,cAAc;YACnC,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,UAAU,EAAC,iCAAiC;gBAC5C,OAAO,EAAC,8BAA8B;gBACtC,aAAa,EAAC,oCAAoC;aACrD;SACJ,EAAE;YACC,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,uBAAuB;YAC5C,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,OAAO,EAAC,kCAAkC;gBAC1C,QAAQ,EAAC,mCAAmC;aAC/C;SACJ,EAAE;YACC,SAAS,EAAC,sBAAsB;YAChC,OAAO,EAAC;gBACJ,OAAO,EAAC,yBAAyB;gBACjC,QAAQ,EAAC,0BAA0B;aACtC;SACJ,EAAE;YACC,SAAS,EAAE,8BAA8B;YACzC,mBAAmB,EAAE,4BAA4B;YACjD,KAAK,EAAE;gBACH,kBAAkB,EAAE,sBAAsB;gBAC1C,cAAc,EAAE,0BAA0B;aAC7C,EAAC,OAAO,EAAC;gBACN,eAAe,EAAC,iCAAiC;gBACjD,kBAAkB,EAAC,uBAAuB;gBAC1C,cAAc,EAAC,0CAA0C;gBACzD,cAAc,EAAC,0CAA0C;gBACzD,cAAc,EAAC,0CAA0C;gBACzD,aAAa,EAAC,mBAAmB;gBACjC,gBAAgB,EAAC,mBAAmB;gBACpC,cAAc,EAAC,mBAAmB;gBAClC,eAAe,EAAC,mBAAmB;aACtC;SACJ,EAAE;YACC,SAAS,EAAC,4BAA4B;YACtC,OAAO,EAAC;gBACJ,eAAe,EAAC,iCAAiC;gBACjD,6DAA6D;aAChE;SACJ,CAAC,CAAC;CACY,CAAC"}

package/src/theme/components/basic/progress-bar.styledef.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getStyle = (className, type, color) => ([{
+        className: `.${className}.app-progress-bar-bg`,
+        rnStyleSelector: `app-${type}-progress-bar.progressBar`,
+        studioStyleSelector: `.app-progress[type="${type}"]`,
+        style: {
+            'background-color': `fade(${color}, 20%)`
+        },
+        dtStyle: {
+            'border-radius': 'var(--wm-radius-lg)'
+        }
+    }, {
+        className: `.${className}.app-progress-bar-value`,
+        rnStyleSelector: `app-${type}-progress-bar.progressValue`,
+        studioStyleSelector: `.app-progress >.progress-bar-${type}`,
+        style: {
+            color: color
+        }
+    }]);
+const getdtStyle = (className, type, active, Inactive, label) => ([{
+        className: `.${className}.app-progress-bar-text`,
+        rnStyleSelector: `app-${type}-progress-bar.progressBar`,
+        studioStyleSelector: `.app-progress[type="${type}"]`,
+        dtStyle: {
+            'color': label
+        }
+    }, {
+        className: `.${className}.app-progress-bar-bg`,
+        rnStyleSelector: `app-${type}-progress-bar.progressBar`,
+        studioStyleSelector: `.app-progress[type="${type}"]`,
+        dtStyle: {
+            'bacground-color': Inactive // Inactive css function 
+        }
+    }, {
+        className: `.${className}.app-progress-bar-value`,
+        rnStyleSelector: `app-${type}-progress-bar.progressValue`,
+        studioStyleSelector: `.app-progress >.progress-bar-${type}`,
+        dtStyle: {
+            'color': active
+        }
+    }]);
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-progress-bar',
+            rnStyleSelector: 'app-progress-bar.root',
+            studioStyleSelector: '.app-progress',
+            style: {},
+            dtStyle: {
+                'height': 'var(--wm-progress-bar-height)',
+                'background': 'var(--wm-progress-bar-background-inactive)',
+                'border-radius': 'var(--wm-progress-bar-radius)',
+                'margin': 'var(--wm-progress-bar-margin)'
+            }
+        }, {
+            className: '.app-progress-bar-text',
+            rnStyleSelector: 'app-progress-bar.text',
+            studioStyleSelector: '.app-progress.app-progress-label',
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-progress-bar-label-color)'
+            }
+        }, {
+            className: '.app-progress-bar-bg',
+            rnStyleSelector: 'app-progress-bar.progressBar',
+            studioStyleSelector: '.app-progress',
+            style: {}
+        }, {
+            className: '.app-progress-bar-value',
+            rnStyleSelector: 'app-progress-bar.progressValue',
+            studioStyleSelector: '.app-progress .progress-bar',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-progress-bar-background-active)',
+                'border-top-left-radius': 'var(--wm-progress-bar-radius)',
+                'border-bottom-left-radius': 'var(--wm-progress-bar-radius)',
+            }
+        }, {
+            className: '.app-progress-bar-tooltip',
+            rnStyleSelector: 'app-progress-bar.tooltip',
+            studioStyleSelector: '.app-progress .app-tooltip',
+            style: {}
+        }, {
+            className: '.app-progress-bar-tooltip-label',
+            rnStyleSelector: 'app-progress-bar.tooltipLabel',
+            studioStyleSelector: '.app-progress .app-tooltip-label',
+            style: {}
+        },
+        {
+            className: '.app-progress-bar-tooltip-triangle',
+            rnStyleSelector: 'app-progress-bar.tooltipTriangle',
+            studioStyleSelector: '.app-progress .app-tooltip-triangle',
+            style: {}
+        },
+        ...getStyle('app-default-progress-bar', 'default', '@progressBarDefaultColor'),
+        ...getStyle('app-success-progress-bar', 'success', '@progressBarSuccessColor'),
+        ...getStyle('app-info-progress-bar', 'info', '@progressBarInfoColor'),
+        ...getStyle('app-danger-progress-bar', 'danger', '@progressBarDangerColor'),
+        ...getStyle('app-warning-progress-bar', 'warning', '@progressBarWarningColor'),
+        ...getdtStyle('app-default-progress-bar', 'default', 'var(--wm-progress-bar-background-active)', 'var(--wm-progress-bar-background-inactive)', 'var(--wm-progress-bar-label-color)'),
+        ...getdtStyle('app-success-progress-bar', 'success', 'var(--wm-progress-bar-success-background-active)', 'var(--wm-progress-bar-success-background-inactive)', 'var(--wm-progress-bar-label-success-color)'),
+        ...getdtStyle('app-info-progress-bar', 'info', 'var(--wm-progress-bar-info-background-active)', 'var(--wm-progress-bar-info-background-inactive)', 'var(--wm-progress-bar-info-label-color)'),
+        ...getdtStyle('app-danger-progress-bar', 'danger', 'var(--wm-progress-bar-danger-background-active)', 'var(--wm-progress-bar-danger-background-inactive)', 'var(--wm-progress-bar-danger-label-color)'),
+        ...getdtStyle('app-warning-progress-bar', 'warning', 'var(--wm-progress-bar-warning-background-active)', 'var(--wm-progress-bar-warning-background-inactive)', 'var(--wm-progress-bar-warning-label-color)'),
+    ])
+};
+//# sourceMappingURL=progress-bar.styledef.js.map

package/src/theme/components/basic/progress-bar.styledef.js.map

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

package/src/theme/components/basic/progress-circle.styledef.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getStyle = (className, type, color) => ([{
+        className: `.${className}.app-progress-circle-bg`,
+        studioStyleSelector: `.app-progress[type="${type}"]>svg path:first-child`,
+        style: {
+            'background-color': `fade(${color}, 60%)`,
+            stroke: `fade(${color}, 60%)`
+        }
+    }, {
+        className: `.${className}.app-progress-circle-value`,
+        studioStyleSelector: `.app-progress[type="${type}"]>svg path:nth-child(2)`,
+        style: {
+            color: color,
+            stroke: color
+        }
+    }]);
+const getdtStyle = (className, type, color) => ([
+    {
+        className: `.${className}.app-progress-circle-bg`,
+        studioStyleSelector: `.app-progress[type="${type}"]>svg path:first-child`,
+        dtStyle: {
+            'background-color': 'var(--wm-progress-circle-stroke-inactive)',
+            stroke: 'var(--wm-progress-circle-stroke-inactive)'
+        }
+    },
+    {
+        className: `.${className}.app-progress-circle-value`,
+        studioStyleSelector: `.app-progress[type="${type}"]>svg path:nth-child(2)`,
+        dtStyle: {
+            'color': color,
+            stroke: color,
+            'background-color': color
+        }
+    }
+]);
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-progress-circle',
+            rnStyleSelector: 'app-progress-circle.root',
+            studioStyleSelector: '.app-progress',
+            style: {}
+        }, {
+            className: '.app-progress-circle-text',
+            rnStyleSelector: 'app-progress-circle.text',
+            studioStyleSelector: '.app-progress.app-progress-label',
+            style: {},
+            dtStyle: {
+                'height': 'var(--wm-progress-circle-value)'
+            }
+        }, {
+            className: '.app-progress-circle-bg',
+            rnStyleSelector: 'app-progress-circle.progressCircle',
+            studioStyleSelector: '.app-progress.circle.progress circle-progress > svg circle:last-of-type',
+            style: {
+                'background-color': 'fade(@progressCircleDefaultColor, 60%)',
+                stroke: 'fade(@progressCircleDefaultColor, 60%)'
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-progress-circle-stroke-inactive)',
+                stroke: 'var(--wm-progress-circle-stroke-inactive)'
+            }
+        }, {
+            className: '.app-progress-circle-value',
+            rnStyleSelector: 'app-progress-circle.progressValue',
+            studioStyleSelector: '.app-progress.circle path',
+            style: {
+                color: '@progressCircleDefaultColor',
+                stroke: '@progressCircleDefaultColor'
+            },
+            dtStyle: {
+                color: 'var(--wm-progress-circle-stroke-active)',
+                stroke: 'var(--wm-progress-circle-stroke-active)'
+            }
+        }, {
+            className: '.app-progress-circle-subtitle',
+            rnStyleSelector: 'app-progress-circle.subTitle',
+            studioStyleSelector: '.app-progress-circle tspan',
+            style: {
+                color: '@labelTextMutedColor'
+            },
+            dtStyle: {
+                'font-size': 'var(--wm-progress-circle-subtitle-font-size)',
+                'font-family': 'var(--wm-progress-circle-subtitle-font-family)',
+                'color': 'var(--wm-progress-circle-subtitle-color)'
+            }
+        },
+        ...getStyle('app-default-progress-circle', 'default', '@progressCircleDefaultColor'),
+        ...getStyle('app-success-progress-circle', 'success', '@progressCircleSuccessColor'),
+        ...getStyle('app-info-progress-circle', 'info', '@progressCircleInfoColor'),
+        ...getStyle('app-danger-progress-circle', 'danger', '@progressCircleDangerColor'),
+        ...getStyle('app-warning-progress-circle', 'warning', '@progressCircleWarningColor'),
+        ...getdtStyle('app-default-progress-circle', 'default', 'var(--wm-progress-circle-stroke-active)'),
+        ...getdtStyle('app-success-progress-circle', 'success', 'var(--wm-progress-circle-success-stroke-active)'),
+        ...getdtStyle('app-info-progress-circle', 'info', 'var(--wm-progress-circle-info-stroke-active)'),
+        ...getdtStyle('app-danger-progress-circle', 'danger', 'var(--wm-progress-circle-danger-stroke-active)'),
+        ...getdtStyle('app-warning-progress-circle', 'warning', 'var(--wm-progress-circle-warning-stroke-active)')
+    ])
+};
+//# sourceMappingURL=progress-circle.styledef.js.map

package/src/theme/components/basic/progress-circle.styledef.js.map

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