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

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

@@ -0,0 +1,226 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getLinkStyles = (className, color) => {
+    return [{
+            className: `.${className}.app-anchor-text`,
+            style: {
+                color: color
+            }
+        }, {
+            className: `.${className}.app-anchor-icon .app-icon`,
+            style: {
+                color: color
+            }
+        }, {
+            className: `.${className}.app-anchor-badge`,
+            style: {
+                'background-color': `fade(${color}, 20%)`,
+                color: color
+            }
+        },];
+};
+const getLinkdtStyles = () => {
+    return [
+        //primary
+        {
+            className: '.link-primary.app-anchor-text',
+            dtStyle: {
+                'color': 'var(--wm-color-primary)',
+            }
+        }, {
+            className: '.link-primary.app-anchor-icon .app-icon',
+            dtStyle: {
+                'color': 'var(--wm-color-primary)',
+            }
+        }, {
+            className: '.link-primary.app-anchor-badge',
+            dtStyle: {
+                'color': 'var(--wm-color-primary)',
+                'background-color': 'var(--wm-badge-primary-background)',
+                'font-weight': 'var(--wm-required-font-weight)'
+            }
+        },
+        //secondary
+        {
+            className: '.link-secondary.app-anchor-text',
+            dtStyle: {
+                'color': 'var(--wm-color-secondary)',
+            }
+        }, {
+            className: '.link-secondary.app-anchor-icon .app-icon',
+            dtStyle: {
+                'color': 'var(--wm-color-secondary)',
+            }
+        }, {
+            className: '.link-secondary.app-anchor-badge',
+            dtStyle: {
+                'color': 'var(--wm-color-secondary)',
+                'background-color': 'var(--wm-badge-secondary-background)',
+                'font-weight': 'var(--wm-required-font-weight)'
+            }
+        },
+        //tertiary
+        {
+            className: '.link-tertiary.app-anchor-text',
+            dtStyle: {
+                'color': 'var(--wm-color-tertiary)',
+            }
+        }, {
+            className: '.link-tertiary.app-anchor-icon .app-icon',
+            dtStyle: {
+                'color': 'var(--wm-color-tertiary)',
+            }
+        }, {
+            className: '.link-tertiary.app-anchor-badge',
+            dtStyle: {
+                'color': 'var(--wm-color-tertiary)',
+                'background-color': 'var(--wm-badge-tertiary-background)',
+                'font-weight': 'var(--wm-required-font-weight)'
+            }
+        },
+        //success
+        {
+            className: '.link-success.app-anchor-text',
+            dtStyle: {
+                'color': 'var(--wm-message-container-success-background)',
+            }
+        }, {
+            className: '.link-success.app-anchor-icon .app-icon',
+            dtStyle: {
+                'color': 'var(--wm-message-container-success-background)',
+            }
+        }, {
+            className: '.link-success.app-anchor-badge',
+            dtStyle: {
+                'color': 'var(--wm-message-container-success-background)',
+                'background-color': 'var(--wm-badge-success-background)',
+                'font-weight': 'var(--wm-required-font-weight)'
+            }
+        },
+        //danger 
+        {
+            className: '.link-danger.app-anchor-text',
+            dtStyle: {
+                'color': 'var(--wm-message-container-danger-background)',
+            }
+        }, {
+            className: '.link-danger.app-anchor-icon .app-icon',
+            dtStyle: {
+                'color': 'var(--wm-message-container-danger-background)',
+            }
+        }, {
+            className: '.link-danger.app-anchor-badge',
+            dtStyle: {
+                'color': 'var(--wm-message-container-danger-background)',
+                'background-color': 'var(--wm-badge-error-background)',
+                'font-weight': 'var(--wm-required-font-weight)'
+            }
+        },
+        //warning
+        {
+            className: '.link-warning.app-anchor-text',
+            dtStyle: {
+                'color': 'var(--wm-message-container-warning-background)',
+            }
+        }, {
+            className: '.link-warning.app-anchor-icon .app-icon',
+            dtStyle: {
+                'color': 'var(--wm-message-container-warning-background)',
+            }
+        }, {
+            className: '.link-warning.app-anchor-badge',
+            dtStyle: {
+                'color': 'var(--wm-message-container-warning-background)',
+                'background-color': 'var(--wm-badge-warning-background)',
+                'font-weight': 'var(--wm-required-font-weight)'
+            }
+        },
+        //info
+        {
+            className: '.link-info.app-anchor-text',
+            dtStyle: {
+                'color': 'var(--wm-message-container-info-background)',
+            }
+        }, {
+            className: '.link-info.app-anchor-icon .app-icon',
+            dtStyle: {
+                'color': 'var(--wm-message-container-info-background)',
+            }
+        }, {
+            className: '.link-info.app-anchor-badge',
+            dtStyle: {
+                'color': 'var(--wm-message-container-info-background)',
+                'background-color': 'var(--wm-badge-info-background)',
+                'font-weight': 'var(--wm-required-font-weight)'
+            }
+        },
+    ];
+};
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-anchor',
+            rnStyleSelector: 'app-anchor.root',
+            studioStyleSelector: '.app-anchor',
+            style: {},
+            dtStyle: {
+                'overflow': 'var(--wm-anchor-root-overflow)',
+                'color': 'var(--wm-anchor-color)'
+            }
+        }, {
+            className: '.app-anchor-text',
+            rnStyleSelector: 'app-anchor.text',
+            studioStyleSelector: '.app-anchor >.anchor-caption',
+            style: {
+                color: '@linkDefaultColor'
+            },
+            dtStyle: {
+                'padding-left': 'var(--wm-space-2)',
+                'padding-right': 'var(--wm-space-2)',
+                'font-size': 'var(--wm-anchor-font-size)',
+                // 'text-decoration':'var(--wm-anchor-text-decoration-underline)',
+                'color': 'var(--wm-anchor-color)'
+            }
+        }, {
+            className: '.app-anchor-badge',
+            rnStyleSelector: 'app-anchor.badge',
+            studioStyleSelector: '.app-anchor >.badge',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-anchor-default-badge-color)',
+                'color': 'var(--wm-anchor-color)',
+                'margin-top': 'var(--wm-anchor-badge-margin-top)',
+                'margin-left': 'var(--wm-space-0)',
+                'font-weight': 'var(--wm-font-weight-bold)'
+            }
+        }, {
+            className: '.app-anchor-icon',
+            rnStyleSelector: 'app-anchor.icon',
+            studioStyleSelector: '.app-anchor ',
+        }, {
+            className: '.app-anchor-icon.app-icon',
+            style: {
+                color: '@linkDefaultColor'
+            }
+        }, {
+            className: '.app-anchor-skeleton',
+            rnStyleSelector: 'app-anchor.skeleton',
+            studioStyleSelector: '.app-anchor-skeleton',
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-anchor-skeleton-width)',
+                'height': 'var(--wm-anchor-skeleton-height)',
+                'border-radius': 'var(--wm-anchor-skeleton-border-radius)'
+            }
+        },
+        ...getLinkStyles('link-primary', '@linkPrimaryColor'),
+        ...getLinkStyles('link-secondary', '@linkSecondaryColor'),
+        ...getLinkStyles('link-success', '@linkSuccessColor'),
+        ...getLinkStyles('link-danger', '@linkDangerColor'),
+        ...getLinkStyles('link-warning', '@linkWarningColor'),
+        ...getLinkStyles('link-info', '@linkInfoColor'),
+        ...getLinkStyles('link-light', '@linkLightColor'),
+        ...getLinkStyles('link-dark', '@linkDarkColor'),
+        ...getLinkdtStyles()
+    ])
+};
+//# sourceMappingURL=anchor.styledef.js.map

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getColorSchemeTokens = (colorScheme) => {
+    // To be removed in future versions as we move designtokens to Foundation CSS
+    // if (colorScheme === 'dark') {
+    //     return new Map<string, string | number>(mobileDarkTokens.map(([key, value]) => [key, value] as [string, string | number]));
+    // }
+    return new Map();
+};
+exports.default = {
+    getStyleDefs: () => ([]),
+    getDesignTokens: (colorScheme = 'light') => {
+        const result = new Map();
+        const colorSchemeTokens = getColorSchemeTokens(colorScheme);
+        colorSchemeTokens.forEach((value, key) => {
+            if (value !== undefined) {
+                result.set(key, value);
+            }
+        });
+        return result;
+    },
+};
+//# sourceMappingURL=base.styledef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/basic/base.styledef.ts"],"names":[],"mappings":";;AAEA,MAAM,oBAAoB,GAAG,CAAC,WAAmB,EAAE,EAAE;IACjD,6EAA6E;IAC7E,gCAAgC;IAChC,kIAAkI;IAClI,IAAI;IACJ,OAAO,IAAI,GAAG,EAA2B,CAAC;AAC9C,CAAC,CAAA;AAED,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACxB,eAAe,EAAE,CAAC,WAAW,GAAG,OAAO,EAAE,EAAE;QACvC,MAAM,MAAM,GAAG,IAAI,GAAG,EAA2B,CAAC;QAClD,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,WAAW,CAAC,CAAC;QAC5D,iBAAiB,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;YACrC,IAAI,KAAK,KAAK,SAAS,EAAE;gBACrB,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;aAC1B;QACL,CAAC,CAAC,CAAC;QACH,OAAO,MAAM,CAAC;IAClB,CAAC;CACc,CAAC"}

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

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-bottomsheet',
+            rnStyleSelector: 'app-bottomsheet.root',
+            studioStyleSelector: '',
+            document: '',
+            style: {}
+        }, {
+            className: '.app-bottomsheet-text',
+            rnStyleSelector: 'app-bottomsheet.text',
+            studioStyleSelector: '',
+            document: '',
+            style: {}
+        },
+        {
+            className: '.app-bottomsheet-backdrop',
+            rnStyleSelector: 'app-bottomsheet.backdrop',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-bottomsheet-container',
+            rnStyleSelector: 'app-bottomsheet.container',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-bottomsheet-draghandle-container',
+            rnStyleSelector: 'app-bottomsheet.dragHandleContainer',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-bottomsheet-drag-icon-handle',
+            rnStyleSelector: 'app-bottomsheet.dragIconHandle',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-bottomsheet-content',
+            rnStyleSelector: 'app-bottomsheet.sheetScrollContent',
+            studioStyleSelector: '',
+            style: {}
+        },
+    ])
+};
+//# sourceMappingURL=bottomsheet.styledef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bottomsheet.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/basic/bottomsheet.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,kBAAkB;YAC7B,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,EAAE;YACvB,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,EAAE;YACvB,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,EAAE;SACZ;QACD;YACI,SAAS,EAAE,2BAA2B;YACtC,eAAe,EAAE,0BAA0B;YAC3C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;QACD;YACI,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,2BAA2B;YAC5C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;QACD;YACI,SAAS,EAAE,uCAAuC;YAClD,eAAe,EAAE,qCAAqC;YACtD,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;QACD;YACI,SAAS,EAAE,mCAAmC;YAC9C,eAAe,EAAE,gCAAgC;YACjD,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;QACD;YACI,SAAS,EAAE,0BAA0B;YACrC,eAAe,EAAE,oCAAoC;YACrD,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;KACJ,CAAC;CACiB,CAAC"}

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const getButtonStyle = (className, bgColor, color, borderColor = bgColor) => ([{
+        className: `.${className}.app-button`,
+        style: {
+            'border-color': borderColor,
+            'background-color': bgColor
+        }
+    }, {
+        className: `.${className}.app-button-text`,
+        style: {
+            color: color
+        }
+    }, {
+        className: `.${className}.app-button-badge`,
+        style: {
+            'background-color': color,
+            'color': bgColor,
+            'border-color': bgColor
+        }
+    }, {
+        className: `.${className}.app-button-icon .app-icon`,
+        style: {
+            color: color
+        }
+    }]);
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-button',
+            rnStyleSelector: 'app-button.root',
+            studioStyleSelector: '.app-button',
+            style: {}
+        }, {
+            className: '.app-button-text',
+            rnStyleSelector: 'app-button.text',
+            studioStyleSelector: '.app-button>.btn-caption',
+            style: {}
+        }, {
+            className: '.app-button-content',
+            rnStyleSelector: 'app-button.content',
+            studioStyleSelector: '.app-button',
+            style: {}
+        }, {
+            className: '.app-button-badge',
+            rnStyleSelector: 'app-button.badge',
+            studioStyleSelector: '.app-button>.badge',
+            style: {
+                'background-color': '@buttonBadgeBackgroundColor',
+                'color': '@buttonBadgeTextColor',
+                'border-color': '@buttonBadgeTextColor',
+            }
+        }, {
+            className: '.app-button-icon',
+            rnStyleSelector: 'app-button.icon',
+            studioStyleSelector: '.app-button>i.app-icon',
+            style: {}
+        }, {
+            className: '.app-button-skeleton',
+            rnStyleSelector: 'app-button.skeleton',
+            studioStyleSelector: '.app-button-skeleton',
+            style: {}
+        },
+        {
+            className: '.app-button-disabled-root',
+            rnStyleSelector: '.app-button-disabled.root'
+        },
+        {
+            className: '.app-icon-icon',
+            rnStyleSelector: '.app-icon.icon'
+        },
+        ...getButtonStyle('btn-default', '@buttonDefaultColor', '@buttonDefaultTextColor', '@buttonBorderColor'),
+        ...getButtonStyle('btn-info', '@buttonInfoColor', '@buttonInfoTextColor'),
+        ...getButtonStyle('btn-primary', '@buttonPrimaryColor', '@buttonPrimaryTextColor'),
+        ...getButtonStyle('btn-secondary', '@buttonSecondaryColor', '@buttonSecondaryTextColor', '@buttonSecondaryTextColor'),
+        ...getButtonStyle('btn-danger', '@buttonDangerColor', '@buttonDangerTextColor'),
+        ...getButtonStyle('btn-success', '@buttonSuccessColor', '@buttonSuccessTextColor'),
+        ...getButtonStyle('btn-warning', '@buttonWarningColor', '@buttonWarningTextColor'),
+        ...getButtonStyle('btn-link', '@buttonLinkColor', '@buttonLinkTextColor'),
+        ...getButtonStyle('btn-dark', '@buttonDarkColor', '@buttonDarkTextColor'),
+        ...getButtonStyle('btn-light', '@buttonLightColor', '@buttonLightTextColor'),
+    ]),
+    getDesignTokens: () => {
+        return new Map([]);
+    },
+};
+//# sourceMappingURL=button.styledef.js.map

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

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

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

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-buttongroup',
+            rnStyleSelector: 'app-buttongroup.root',
+            studioStyleSelector: '.app-button-group',
+            style: {
+                'border-color': '@buttonGrpBorderColor',
+                'background-color': '@buttonGrpBgColor'
+            },
+            dtStyle: {
+                'border-top-left-radius': 'var(--wm-button-group-horizontal-radius)',
+                'border-top-right-radius': 'var(--wm-button-group-horizontal-radius)',
+                'border-bottom-left-radius': 'var(--wm-button-group-horizontal-radius)',
+                'border-bottom-right-radius': 'var(--wm-button-group-horizontal-radius)',
+                'border-radius': 'var(--wm-button-group-border-radius)',
+                'border-width': 'var(--wm-button-group-border-width)',
+                'border-style': 'var(--wm-button-group-border-style)',
+                'border-color': 'var(--wm-button-group-border-color)',
+                'background-color': 'var(--wm-button-group-background-color)',
+                'overflow': 'var(--wm-button-group-overflow)'
+            }
+        }, {
+            className: '.btn-group-child',
+            rnStyleSelector: 'btn-group-child',
+            studioStyleSelector: '.app-button-group>.app-button',
+            style: {
+                'border-color': '@buttonGrpBorderColor'
+            },
+            dtStyle: {
+                'border-top-width': 'var(--wm-button-group-child-border-top-width)',
+                'border-bottom-width': 'var(--wm-button-group-child-border-bottom-width)',
+                'border-left-width': 'var(--wm-button-group-child-border-left-width)',
+                'border-right-width': 'var(--wm-button-group-child-border-right-width)',
+                'border-radius': 'var(--wm-button-group-child-border-radius)',
+                'background-color': 'var(--wm-button-group-child-background-color)',
+                'border-color': 'var(--wm-button-group-child-border-color)'
+            }
+        }, {
+            className: '.btn-group-first-child',
+            rnStyleSelector: 'btn-group-first-child.root',
+            studioStyleSelector: '.app-button-group>.app-button:first-child',
+            style: {
+                'border-color': '@buttonGrpBorderColor'
+            },
+            dtStyle: {
+                'border-left-width': 'var(--wm-space-0)',
+                'border-top-left-radius': 'var(--wm-space-7)',
+                'border-bottom-left-radius': 'var(--wm-space-7)',
+                'background-color': ' var(--wm-button-group-child-background-color)',
+                'border-color': 'var(--wm-button-group-child-border-color)'
+            }
+        }, {
+            className: '.btn-group-last-child',
+            rnStyleSelector: 'btn-group-last-child.root',
+            // studioStyleSelector: '.app-button-group>.app-button:last-child',
+            dtStyle: {
+                'border-right-width': 'var(--wm-space-0)',
+                'border-top-right-radius': 'var(--wm-space-7)',
+                'border-bottom-right-radius': 'var(--wm-space-7)',
+                'background-color': 'var(--wm-button-group-child-background-color)',
+                'border-color': 'var(--wm-button-group-child-border-color)'
+            }
+        }, {
+            className: '.app-buttongroup-skeleton',
+            rnStyleSelector: 'app-buttongroup.skeleton',
+            studioStyleSelector: '.app-buttongroup-skeleton',
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-button-group-skeleton-width)',
+                'height': 'var(--wm-button-group-skeleton-height)',
+                'border-radius': 'var(--wm-button-group-skeleton-border-radius)',
+                'border-color': 'var(--wm-button-group-skeleton-border-color)'
+            }
+        }])
+};
+//# sourceMappingURL=buttongroup.styledef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buttongroup.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/basic/buttongroup.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,kBAAkB;YAC7B,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,mBAAmB;YACxC,KAAK,EAAE;gBACH,cAAc,EAAE,uBAAuB;gBACvC,kBAAkB,EAAE,mBAAmB;aAC1C;YACD,OAAO,EAAC;gBACJ,wBAAwB,EAAC,0CAA0C;gBACnE,yBAAyB,EAAC,0CAA0C;gBACpE,2BAA2B,EAAC,0CAA0C;gBACtE,4BAA4B,EAAE,0CAA0C;gBACxE,eAAe,EAAE,sCAAsC;gBACvD,cAAc,EAAE,qCAAqC;gBACrD,cAAc,EAAE,qCAAqC;gBACrD,cAAc,EAAE,qCAAqC;gBACrD,kBAAkB,EAAE,yCAAyC;gBAC7D,UAAU,EAAE,iCAAiC;aAChD;SACJ,EAAE;YACC,SAAS,EAAE,kBAAkB;YAC7B,eAAe,EAAE,iBAAiB;YAClC,mBAAmB,EAAE,+BAA+B;YACpD,KAAK,EAAE;gBACH,cAAc,EAAE,uBAAuB;aAC1C;YACD,OAAO,EAAE;gBACL,kBAAkB,EAAE,+CAA+C;gBACnE,qBAAqB,EAAE,kDAAkD;gBACzE,mBAAmB,EAAE,gDAAgD;gBACrE,oBAAoB,EAAE,iDAAiD;gBACvE,eAAe,EAAE,4CAA4C;gBAC7D,kBAAkB,EAAE,+CAA+C;gBACnE,cAAc,EAAE,2CAA2C;aAC9D;SACJ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,4BAA4B;YAC7C,mBAAmB,EAAE,2CAA2C;YAChE,KAAK,EAAE;gBACH,cAAc,EAAE,uBAAuB;aAC1C;YACD,OAAO,EAAE;gBACL,mBAAmB,EAAC,mBAAmB;gBACvC,wBAAwB,EAAC,mBAAmB;gBAC5C,2BAA2B,EAAC,mBAAmB;gBAC/C,kBAAkB,EAAC,gDAAgD;gBACnE,cAAc,EAAC,2CAA2C;aAC7D;SACJ,EAAG;YACA,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,2BAA2B;YAC5C,mEAAmE;YACnE,OAAO,EAAE;gBACL,oBAAoB,EAAC,mBAAmB;gBACxC,yBAAyB,EAAC,mBAAmB;gBAC7C,4BAA4B,EAAC,mBAAmB;gBAChD,kBAAkB,EAAC,+CAA+C;gBAClE,cAAc,EAAC,2CAA2C;aAC7D;SACJ,EAAE;YACC,SAAS,EAAE,2BAA2B;YACtC,eAAe,EAAE,0BAA0B;YAC3C,mBAAmB,EAAE,2BAA2B;YAChD,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,OAAO,EAAE,uCAAuC;gBAChD,QAAQ,EAAE,wCAAwC;gBAClD,eAAe,EAAE,+CAA+C;gBAChE,cAAc,EAAE,8CAA8C;aACjE;SACJ,CAAC,CAAC;CACY,CAAC"}

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([{
+            className: '.app-icon',
+            rnStyleSelector: 'app-icon.root',
+            studioStyleSelector: '.app-icon',
+            style: {},
+            dtStyle: {
+                rippleColor: 'transparent',
+            }
+        }, {
+            className: '.app-icon.icon',
+            dtStyle: {
+                'padding-left': 'var(--wm-space-0)',
+                'padding-right': 'var(--wm-space-2)'
+            }
+        }, {
+            className: '.app-icon-text',
+            rnStyleSelector: 'app-icon.text',
+            studioStyleSelector: '.app-icon+.app-label',
+            style: {},
+            dtStyle: {
+                'padding-left': 'var(--wm-space-2)'
+            }
+        }, {
+            className: '.app-icon-shape',
+            rnStyleSelector: 'app-icon.icon',
+            studioStyleSelector: '.app-icon',
+            style: {}
+        }, {
+            className: '.app-icon-skeleton',
+            rnStyleSelector: 'app-icon.skeleton',
+            studioStyleSelector: '.app-icon-skeleton',
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-icon-skeleton-width)',
+                'height': 'var(--wm-icon-skeleton-height)',
+                'border-radius': 'var(--wm-icon-skeleton-border-radius)'
+            }
+        }])
+};
+//# sourceMappingURL=icon.styledef.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/basic/icon.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,WAAW;YACtB,eAAe,EAAE,eAAe;YAChC,mBAAmB,EAAE,WAAW;YAChC,KAAK,EAAE,EAAE;YACT,OAAO,EAAE;gBACL,WAAW,EAAE,aAAa;aAC7B;SACJ,EAAE;YACC,SAAS,EAAC,gBAAgB;YAC1B,OAAO,EAAC;gBACJ,cAAc,EAAC,mBAAmB;gBAClC,eAAe,EAAC,mBAAmB;aACtC;SACJ,EAAC;YACE,SAAS,EAAE,gBAAgB;YAC3B,eAAe,EAAE,eAAe;YAChC,mBAAmB,EAAE,sBAAsB;YAC3C,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,cAAc,EAAC,mBAAmB;aACrC;SACJ,EAAE;YACC,SAAS,EAAE,iBAAiB;YAC5B,eAAe,EAAE,eAAe;YAChC,mBAAmB,EAAE,WAAW;YAChC,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,oBAAoB;YAC/B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,oBAAoB;YACzC,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,OAAO,EAAC,+BAA+B;gBACvC,QAAQ,EAAC,gCAAgC;gBACzC,eAAe,EAAC,uCAAuC;aAC1D;SACJ,CAAC,CAAC;CACY,CAAC"}