@wavemaker/rn-codegen 11.14.1-rc.6311 → 11.14.2-1.245

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

@@ -5,7 +5,11 @@ exports.default = {
             className: '.app-chips',
             rnStyleSelector: 'app-chips.root',
             studioStyleSelector: '.app-chips',
-            style: {}
+            style: {},
+            dtStyle: {
+                'border-color': 'var(--wm-chips-list-border-color)',
+                'border-radius': 'var(--wm-chips-border-radius)',
+            }
         }, {
             className: '.app-chips-wrapper',
             rnStyleSelector: 'app-chips.chipsWrapper',
@@ -15,7 +19,33 @@ exports.default = {
             className: '.app-chips-item',
             rnStyleSelector: 'app-chips.chip',
             studioStyleSelector: '',
-            style: {}
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-chips-list-background)',
+                //    'borderWidth': 'var(--wm-chips-list-border-width)',
+                //    'borderStyle': 'var(--wm-chips-list-border-style)',
+                //    'borderColor': 'var(--wm-chips-list-border-color)',
+                'border-radius': 'var(--wm-chips-list-border-radius)',
+                'height': 'var(--wm-chips-list-height)',
+                'min-height': 'var(--wm-chip-item-height)',
+                'min-width': 'var(--wm-chip-min-width)',
+                'padding-vertical': 'var(--wm-chips-padding-vertical)',
+                'padding-horizontal': 'var(--wm-chips-padding-horizontal)'
+            }
+        }, {
+            className: '.app-chips-assistchip',
+            rnStyleSelector: 'app-chips.assistchip',
+            studioStyleSelector: '',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-chips-list-background)',
+                'border-radius': 'var(--wm-chips-list-border-radius)',
+                'height': 'var(--wm-chips-list-height)',
+                'min-height': 'var(--wm-chip-item-height)',
+                'min-width': 'var(--wm-chip-min-width)',
+                'padding-vertical': 'var(--wm-chips-padding-vertical)',
+                'padding-horizontal': 'var(--wm-chips-padding-horizontal)'
+            }
         }, {
             className: '.app-chips-item-text',
             rnStyleSelector: 'app-chips.chipLabel',
@@ -28,6 +58,11 @@ exports.default = {
             style: {
                 'background-color': '@chipSelectedContainerColor',
                 'border-color': '@chipSelectedContainerColor',
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-chip-item-background-selected)',
+                'border-radius': 'var(--wm-chip-item-border-radius-with-icon)',
+                'border-color': 'var(--wm-chip-item-border-color-selected)'
             }
         }, {
             className: '.app-chips-active-item-text',
@@ -35,6 +70,16 @@ exports.default = {
             studioStyleSelector: '',
             style: {
                 color: '@chipActiveTextColor'
+            },
+            dtStyle: {
+                'color': 'var(--wm-chips-item-active-label-text-color)',
+                // // 'height': 'var(--wm-chip-item-height)',
+                // 'gap': 'var(--wm-chip-item-gap)',
+                // 'borderWidth': 'var(--wm-chips-active-chip-item-border-width)',
+                // 'borderStyle': 'var(--wm-chip-item-border-color-selected)',
+                'font-size': 'var(--wm-chip-item-font-size)',
+                'font-family': 'var(--wm-chip-item-font-family)',
+                // // 'line-height': 'var(--wm-chip-item-line-height)'
             }
         }, {
             className: '.app-chips-search-container',
@@ -46,6 +91,10 @@ exports.default = {
             rnStyleSelector: 'app-chips.search',
             studioStyleSelector: '',
             style: {}
+        }, {
+            className: '.app-chips-search-text',
+            rnStyleSelector: 'app-chips.search.text',
+            studioStyleSelector: '.app-chips .app-chip-search input',
         }, {
             className: '.app-chips-done-icon',
             rnStyleSelector: 'app-chips.doneIcon',
@@ -57,6 +106,11 @@ exports.default = {
             studioStyleSelector: '',
             style: {
                 color: '@chipActiveTextColor'
+            },
+            dtStyle: {
+                'font-size': 'var(--wm-chips-icon-font-size)',
+                'padding-right': 'var(--wm-chips-icon-padding)',
+                'color': 'var(--wm-color-outline)'
             }
         }, {
             className: '.app-chips-picture',
@@ -102,7 +156,7 @@ exports.default = {
             className: '.app-chips-active-right-icon',
             rnStyleSelector: 'app-chips.activeRightIcon',
             studioStyleSelector: '',
-            style: {}
-        }])
+        }
+    ])
 };
 //# sourceMappingURL=chips.styledef.js.map

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

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

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

@@ -5,7 +5,10 @@ exports.default = {
             className: '.app-composite',
             rnStyleSelector: 'app-composite.root',
             studioStyleSelector: '.app-composite',
-            style: {}
+            style: {},
+            dtStyle: {
+                'gap': 'var(--wm-form-group-gap)'
+            }
         }])
 };
 //# sourceMappingURL=composite.styledef.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"composite.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/composite.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,gBAAgB;YAC3B,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,gBAAgB;YACrC,KAAK,EAAE,EAAE;SACZ,CAAC,CAAC;CACY,CAAC"}
+{"version":3,"file":"composite.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/composite.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAClB,SAAS,EAAE,gBAAgB;YAC3B,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,gBAAgB;YACrC,KAAK,EAAE,EAAE;YACT,OAAO,EAAE;gBACL,KAAK,EAAE,0BAA0B;aACpC;SACJ,CAAC,CAAC;CACY,CAAC"}

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

@@ -8,6 +8,31 @@ exports.default = {
             style: {
                 'border-color': '@inputBorderColor',
                 'background-color': '@inputBackgroundColor'
+            },
+            dtStyle: {
+                'min-height': 'var(--wm-currency-container-min-height)',
+                // 'border-width': 'var(--wm-border-width)',
+                'border-style': 'var(--wm-border-style)',
+                'border-radius': 'var(--wm-currency-container-border-radius)',
+            }
+        }, {
+            className: '.app-currency-text',
+            rnStyleSelector: 'app-currency.text',
+            dtStyle: {
+                'font-size': 'var(--wm-currency-inputgroup-addon-font-size)'
+            }
+        }, {
+            className: '.app-currency-input',
+            rnStyleSelector: 'app-currency.input',
+            dtStyle: {
+                'font-size': 'var(--wm-currency-inputgroup-addon-font-size)',
+                'min-height': 'var(--wm-currency-container-min-height)',
+                // 'border-width': 'var(--wm-border-width)',
+                'border-style': 'var(--wm-border-style)',
+                'padding-top': 'var(--wm-currency-input-padding-top)',
+                'padding-bottom': 'var(--wm-currency-input-padding-bottom)',
+                'padding-left': 'var(--wm-currency-input-padding-left)',
+                'padding-right': 'var(--wm-currency-input-padding-right)'
             }
         }, {
             className: '.app-currency-label',
@@ -16,6 +41,12 @@ exports.default = {
             style: {
                 'background-color': '@primaryColor',
                 'color': '@primaryContrastColor'
+            },
+            dtStyle: {
+                'background-color': 'var(--wm-color-primary)',
+                'font-weight': 'var(--wm-currency-inputgroup-addon-font-weight)',
+                'font-family': 'var(--wm-font-family-plain)',
+                'font-size': 'var(--wm-currency-inputgroup-addon-font-size)',
             }
         }, {
             className: '.app-currency-flotaing-label',
@@ -24,7 +55,11 @@ exports.default = {
         }, {
             className: '.app-currency-active-flotaing-label',
             rnStyleSelector: 'app-currency.activeFloatingLabel',
-            style: {}
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-border-color)'
+                // 'var(--wm-wizard-number-stepper-step-current-background)',
+            }
         }, {
             className: '.app-currency-invalid',
             rnStyleSelector: 'app-currency.invalid',
@@ -38,6 +73,10 @@ exports.default = {
             studioStyleSelector: '',
             style: {
                 'border-color': '@inputFocusBorderColor'
+            },
+            dtStyle: {
+                'border-color': 'var(--wm-form-control-border-color)'
+                // 'var(--wm-wizard-number-stepper-step-active-background)'
             }
         }, {
             className: '.app-currency-placeholder',
@@ -50,7 +89,10 @@ exports.default = {
             className: '.app-currency-skeleton',
             rnStyleSelector: 'app-currency.skeleton',
             studioStyleSelector: 'app-currency-skeleton',
-            style: {}
+            style: {},
+            dtStyle: {
+                'border-radius': 'var(--wm-currency-container-border-radius)'
+            }
         }, {
             className: '.app-currency-skeleton-label',
             rnStyleSelector: 'app-currency.skeletonText',
@@ -60,12 +102,36 @@ exports.default = {
             className: '.app-currency-skeleton-label-wrapper',
             rnStyleSelector: 'app-currency.skeletonLabelWrapper',
             studioStyleSelector: 'app-currency-skeleton-label-wrapper',
-            style: {}
+            style: {},
+            dtStyle: {
+                'min-height': 'var(--wm-currency-container-min-height)',
+                // 'border-width': 'var(--wm-currency-skeleton-label-wrapper-border-width)'
+            }
+        }, {
+            className: '.app-currency-label-wrapper',
+            rnStyleSelector: 'app-currency.labelWrapper',
+            dtStyle: {
+                'background-color': 'var(--wm-color-primary)',
+                'min-height': 'var(--wm-currency-container-min-height)',
+                'border-top-left-radius': 'var(--wm-currency-container-border-radius)',
+                'border-bottom-left-radius': 'var(--wm-currency-container-border-radius)',
+                'padding-top': 'var(--wm-currency-input-padding-top)',
+                'padding-bottom': 'var(--wm-currency-input-padding-bottom)',
+                'padding-left': 'var(--wm-currency-input-padding-left)',
+                'padding-right': 'var(--wm-currency-input-padding-right)',
+                'width': 'var(--wm-currency-label-wrapper-width)',
+            }
         }, {
             className: '.app-currency-input-wrapper',
             rnStyleSelector: 'app-currency.skeletonTextInputWrapper',
             studioStyleSelector: 'app-currency-input-wrapper',
-            style: {}
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-currency-skeleton-text-input-wrapper-width)',
+                'height': 'var(--wm-currency-skeleton-text-input-wrapper-height)',
+                'border-radius': 'var(--wm-currency-skeleton-text-input-wrapper-border-radius)',
+                'margin-left': 'var(--wm-currency-skeleton-text-input-wrapper-margin-left)'
+            }
         }
     ])
 };

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

@@ -1 +1 @@
-{"version":3,"file":"currency.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/currency.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,mCAAmC;YACxD,KAAK,EAAE;gBACH,cAAc,EAAE,mBAAmB;gBACnC,kBAAkB,EAAE,uBAAuB;aAC9C;SACJ,EAAE;YACC,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,oBAAoB;YACzC,KAAK,EAAE;gBACH,kBAAkB,EAAE,eAAe;gBACnC,OAAO,EAAE,uBAAuB;aACnC;SACJ,EAAE;YACC,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,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,qBAAqB,EAAE,0BAA0B;aACpD;SACJ,EAAC;YACE,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,sBAAsB;YACvC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,cAAc,EAAE,wBAAwB;aAC3C;SACJ,EAAC;YACE,SAAS,EAAE,2BAA2B;YACtC,eAAe,EAAE,8BAA8B;YAC/C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,OAAO,EAAE,wBAAwB;aACpC;SACJ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,uBAAuB;YACxC,mBAAmB,EAAE,uBAAuB;YAC5C,KAAK,EAAE,EAAE;SACZ,EAAG;YACA,SAAS,EAAE,8BAA8B;YACzC,eAAe,EAAE,2BAA2B;YAC5C,mBAAmB,EAAE,6BAA6B;YAClD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,sCAAsC;YACjD,eAAe,EAAE,mCAAmC;YACpD,mBAAmB,EAAE,qCAAqC;YAC1D,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,6BAA6B;YACxC,eAAe,EAAE,uCAAuC;YACxD,mBAAmB,EAAE,4BAA4B;YACjD,KAAK,EAAE,EAAE;SACZ;KACJ,CAAC;CACiB,CAAC"}
+{"version":3,"file":"currency.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/currency.styledef.ts"],"names":[],"mappings":"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"}

package/src/theme/components/input/epoch/datetime.styledef.js

@@ -7,7 +7,7 @@ const getEpochStyles = (className, widgetType) => ([{
         studioStyleSelector: `input[widgettype="${widgetType}"]`,
         style: {
             'background-color': '@inputBackgroundColor',
-            'border-color': '@inputBorderColor'
+            'border-color': '@inputBorderColor',
         }
     }, {
         className: `.${className}-text`,
@@ -40,7 +40,10 @@ const getEpochStyles = (className, widgetType) => ([{
     }, {
         className: `.${className}-active-flotaing-label`,
         rnStyleSelector: 'app-textarea.activeFloatingLabel',
-        style: {}
+        style: {},
+        dtStyle: {
+        // color #646df9 is not available to apply for this widget
+        }
     }, {
         className: `.${className}-action-wrapper`,
         rnStyleSelector: `${className}.actionWrapper`,
@@ -65,6 +68,10 @@ const getEpochStyles = (className, widgetType) => ([{
         className: `.${className}-picker-modal-cancel`,
         rnStyleSelector: `${className}-picker-modal.cancelBtn`,
         style: {}
+    }, {
+        className: `.${className}-place-holder-text`,
+        rnStyleSelector: `${className}.placeholderText`,
+        style: {}
     }]);
 exports.getEpochStyles = getEpochStyles;
 exports.default = {

package/src/theme/components/input/epoch/datetime.styledef.js.map

@@ -1 +1 @@
-{"version":3,"file":"datetime.styledef.js","sourceRoot":"","sources":["../../../../../../src/theme/components/input/epoch/datetime.styledef.ts"],"names":[],"mappings":";;;AAEO,MAAM,cAAc,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAqB,EAAE,CAAC,CAAC,CAAC;QAC1F,SAAS,EAAE,IAAI,SAAS,EAAE;QAC1B,eAAe,EAAE,GAAG,SAAS,OAAO;QACpC,mBAAmB,EAAE,qBAAqB,UAAU,IAAI;QAExD,KAAK,EAAE;YACH,kBAAkB,EAAE,uBAAuB;YAC3C,cAAc,EAAE,mBAAmB;SACtC;KACJ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,OAAO;QAC/B,eAAe,EAAE,GAAG,SAAS,OAAO;QACpC,mBAAmB,EAAE,qBAAqB,UAAU,IAAI;QAExD,KAAK,EAAE;YACH,KAAK,EAAE,iBAAiB;SAC3B;KACJ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,UAAU;QAClC,eAAe,EAAE,GAAG,SAAS,UAAU;QACvC,mBAAmB,EAAE,qBAAqB,UAAU,IAAI;QAExD,KAAK,EAAE;YACH,qBAAqB,EAAE,0BAA0B;SACpD;KACJ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,aAAa;QACrC,eAAe,EAAE,GAAG,SAAS,YAAY;QACzC,mBAAmB,EAAE,EAAE;QAEvB,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,gBAAgB;QACxC,eAAe,EAAE,GAAG,SAAS,eAAe;QAC5C,mBAAmB,EAAE,EAAE;QAEvB,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,iBAAiB;QACzC,eAAe,EAAE,4BAA4B;QAC7C,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,wBAAwB;QAChD,eAAe,EAAE,kCAAkC;QACnD,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,iBAAiB;QACzC,eAAe,EAAE,GAAG,SAAS,gBAAgB;QAC7C,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,aAAa;QACrC,eAAe,EAAE,GAAG,SAAS,YAAY;QACzC,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,aAAa;QACrC,eAAe,EAAG,GAAG,SAAS,YAAY;QAC1C,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,aAAa;QACrC,eAAe,EAAG,GAAG,SAAS,SAAS;QACvC,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,sBAAsB;QAC9C,eAAe,EAAE,GAAG,SAAS,yBAAyB;QACtD,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,sBAAsB;QAC9C,eAAe,EAAE,GAAG,SAAS,yBAAyB;QACtD,KAAK,EAAE,EAAE;KACZ,CAAC,CAAC,CAAC;AArES,QAAA,cAAc,kBAqEvB;AAEJ,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,IAAA,sBAAc,EAAC,cAAc,EAAE,aAAa,CAAC;CAClD,CAAC"}
+{"version":3,"file":"datetime.styledef.js","sourceRoot":"","sources":["../../../../../../src/theme/components/input/epoch/datetime.styledef.ts"],"names":[],"mappings":";;;AAEO,MAAM,cAAc,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAqB,EAAE,CAAC,CAAC,CAAC;QAC1F,SAAS,EAAE,IAAI,SAAS,EAAE;QAC1B,eAAe,EAAE,GAAG,SAAS,OAAO;QACpC,mBAAmB,EAAE,qBAAqB,UAAU,IAAI;QAExD,KAAK,EAAE;YACH,kBAAkB,EAAE,uBAAuB;YAC3C,cAAc,EAAE,mBAAmB;SACtC;KACJ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,OAAO;QAC/B,eAAe,EAAE,GAAG,SAAS,OAAO;QACpC,mBAAmB,EAAE,qBAAqB,UAAU,IAAI;QAExD,KAAK,EAAE;YACH,KAAK,EAAE,iBAAiB;SAC3B;KACJ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,UAAU;QAClC,eAAe,EAAE,GAAG,SAAS,UAAU;QACvC,mBAAmB,EAAE,qBAAqB,UAAU,IAAI;QAExD,KAAK,EAAE;YACH,qBAAqB,EAAE,0BAA0B;SACpD;KACJ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,aAAa;QACrC,eAAe,EAAE,GAAG,SAAS,YAAY;QACzC,mBAAmB,EAAE,EAAE;QAEvB,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,gBAAgB;QACxC,eAAe,EAAE,GAAG,SAAS,eAAe;QAC5C,mBAAmB,EAAE,EAAE;QACvB,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,iBAAiB;QACzC,eAAe,EAAE,4BAA4B;QAC7C,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,wBAAwB;QAChD,eAAe,EAAE,kCAAkC;QACnD,KAAK,EAAE,EAAE;QACT,OAAO,EAAE;QACL,0DAA0D;SAC7D;KACJ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,iBAAiB;QACzC,eAAe,EAAE,GAAG,SAAS,gBAAgB;QAC7C,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,aAAa;QACrC,eAAe,EAAE,GAAG,SAAS,YAAY;QACzC,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,aAAa;QACrC,eAAe,EAAG,GAAG,SAAS,YAAY;QAC1C,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,aAAa;QACrC,eAAe,EAAG,GAAG,SAAS,SAAS;QACvC,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,sBAAsB;QAC9C,eAAe,EAAE,GAAG,SAAS,yBAAyB;QACtD,KAAK,EAAE,EAAE;KACZ,EAAE;QACC,SAAS,EAAE,IAAI,SAAS,sBAAsB;QAC9C,eAAe,EAAE,GAAG,SAAS,yBAAyB;QACtD,KAAK,EAAE,EAAE;KACZ,EAAG;QACA,SAAS,EAAE,IAAI,SAAS,oBAAoB;QAC5C,eAAe,EAAE,GAAG,SAAS,kBAAkB;QAC/C,KAAK,EAAE,EAAE;KACZ,CAAC,CAAC,CAAC;AA3ES,QAAA,cAAc,kBA2EvB;AAEJ,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,IAAA,sBAAc,EAAC,cAAc,EAAE,aAAa,CAAC;CAClD,CAAC"}

package/src/theme/components/input/epoch/wheelpickermodal/datetime-picker-modal.styledef.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    getStyleDefs: () => ([
+        {
+            className: '.app-datetime-picker-modal',
+            rnStyleSelector: 'app-datetime-picker-modal.root',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-datetime-picker-modal-text',
+            rnStyleSelector: 'app-datetime-picker-modal.text',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-datetime-picker-modal-container',
+            rnStyleSelector: 'app-datetime-picker-modal.container',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-datetime-picker-modal-header',
+            rnStyleSelector: 'app-datetime-picker-modal.header',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-datetime-picker-modal-button-wrapper',
+            rnStyleSelector: 'app-datetime-picker-modal.buttonWrapper',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-datetime-picker-modal-cancel-btn',
+            rnStyleSelector: 'app-datetime-picker-modal.cancelBtn.root',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-datetime-picker-modal-cancel-btn-text',
+            rnStyleSelector: 'app-datetime-picker-modal.cancelBtn.text',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-datetime-picker-modal-select-btn',
+            rnStyleSelector: 'app-datetime-picker-modal.selectBtn.root',
+            studioStyleSelector: '',
+            style: {}
+        },
+        {
+            className: '.app-datetime-picker-modal-select-btn-text',
+            rnStyleSelector: 'app-datetime-picker-modal.selectBtn.text',
+            studioStyleSelector: '',
+            style: {}
+        }
+    ]),
+    getDesignTokens: () => {
+        return new Map([]);
+    },
+};
+//# sourceMappingURL=datetime-picker-modal.styledef.js.map

package/src/theme/components/input/epoch/wheelpickermodal/datetime-picker-modal.styledef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-picker-modal.styledef.js","sourceRoot":"","sources":["../../../../../../../src/theme/components/input/epoch/wheelpickermodal/datetime-picker-modal.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC;QACjB;YACI,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,gCAAgC;YACjD,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;QACD;YACI,SAAS,EAAE,iCAAiC;YAC5C,eAAe,EAAE,gCAAgC;YACjD,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;QACD;YACI,SAAS,EAAE,sCAAsC;YACjD,eAAe,EAAE,qCAAqC;YACtD,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EACN;SACJ;QACD;YACI,SAAS,EAAE,mCAAmC;YAC9C,eAAe,EAAE,kCAAkC;YACnD,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;QACD;YACI,SAAS,EAAE,2CAA2C;YACtD,eAAe,EAAE,yCAAyC;YAC1D,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EACN;SACJ;QACD;YACI,SAAS,EAAE,uCAAuC;YAClD,eAAe,EAAE,0CAA0C;YAC3D,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;QACD;YACI,SAAS,EAAE,4CAA4C;YACvD,eAAe,EAAE,0CAA0C;YAC3D,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;QACD;YACI,SAAS,EAAE,uCAAuC;YAClD,eAAe,EAAE,0CAA0C;YAC3D,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;QACD;YACI,SAAS,EAAE,4CAA4C;YACvD,eAAe,EAAE,0CAA0C;YAC3D,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EAAE;SACZ;KACJ,CAAC;IACF,eAAe,EAAE,GAAG,EAAE;QAClB,OAAO,IAAI,GAAG,CAA0B,EAAE,CAAC,CAAC;IAChD,CAAC;CACc,CAAC"}

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

@@ -4,11 +4,14 @@ exports.default = {
     getStyleDefs: () => ([{
             className: '.app-fileupload',
             rnStyleSelector: 'app-fileupload.root',
-            studioStyleSelector: '.app-fileupload > .app-single-file-upload',
+            studioStyleSelector: '.app-fileupload > .app-single-file-upload .app-button',
             style: {
                 'background-color': '@fileuploadBgColor',
                 'color': '@fileuploadTextColor',
-                'border-color': '@fileuploadBorderColor'
+                'border-color': '@fileuploadBorderColor',
+                'border-style': 'var(--wm-file-upload-border-style)',
+                'border-width': 'var(--wm-file-upload-border-width)',
+                'border-radius': 'var(--wm-file-upload-border-radius)'
             }
         },
         {

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

@@ -1 +1 @@
-{"version":3,"file":"fileupload.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/fileupload.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAsB,EAAE,CAAC,CAAC,CAAC;YACjC,SAAS,EAAE,iBAAiB;YAC5B,eAAe,EAAE,qBAAqB;YACtC,mBAAmB,EAAE,2CAA2C;YAEhE,KAAK,EAAE;gBACH,kBAAkB,EAAE,oBAAoB;gBACxC,OAAO,EAAE,sBAAsB;gBAC/B,cAAc,EAAE,wBAAwB;aAC3C;SACJ;QACD;YACI,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,4BAA4B;YAC7C,mBAAmB,EAAE,0BAA0B;YAE/C,KAAK,EAAE;gBACH,OAAO,EAAE,sBAAsB;aAClC;SACJ;QACD;YACI,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,uBAAuB;YACxC,mBAAmB,EAAE,kBAAkB;YAEvC,KAAK,EAAE;gBACH,OAAO,EAAE,sBAAsB;aAClC;SACJ;QACD;YACI,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,iCAAiC;YAClD,mBAAmB,EAAE,+BAA+B;YAEpD,KAAK,EAAE;gBACH,OAAO,EAAE,sBAAsB;aAClC;SACJ;KACA,CAAC;CACS,CAAC"}
+{"version":3,"file":"fileupload.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/fileupload.styledef.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACX,YAAY,EAAE,GAAsB,EAAE,CAAC,CAAC,CAAC;YACjC,SAAS,EAAE,iBAAiB;YAC5B,eAAe,EAAE,qBAAqB;YACtC,mBAAmB,EAAE,uDAAuD;YAE5E,KAAK,EAAE;gBACH,kBAAkB,EAAE,oBAAoB;gBACxC,OAAO,EAAE,sBAAsB;gBAC/B,cAAc,EAAE,wBAAwB;gBACxC,cAAc,EAAE,oCAAoC;gBACpD,cAAc,EAAE,oCAAoC;gBACpD,eAAe,EAAE,qCAAqC;aACzD;SACJ;QACD;YACI,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,4BAA4B;YAC7C,mBAAmB,EAAE,0BAA0B;YAE/C,KAAK,EAAE;gBACH,OAAO,EAAE,sBAAsB;aAClC;SACJ;QACD;YACI,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,uBAAuB;YACxC,mBAAmB,EAAE,kBAAkB;YAEvC,KAAK,EAAE;gBACH,OAAO,EAAE,sBAAsB;aAClC;SACJ;QACD;YACI,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,iCAAiC;YAClD,mBAAmB,EAAE,+BAA+B;YAEpD,KAAK,EAAE;gBACH,OAAO,EAAE,sBAAsB;aAClC;SACJ;KACA,CAAC;CACS,CAAC"}

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

@@ -8,6 +8,17 @@ exports.default = {
             style: {
                 'border-color': '@inputBorderColor',
                 'background-color': '@inputBackgroundColor'
+            },
+            dtStyle: {
+                'min-height': 'var(--wm-number-container-min-height)',
+                'padding-top': 'var(--wm-number-container-padding-top)',
+                'padding-bottom': 'var(--wm-number-container-padding-bottom)',
+                'padding-left': 'var(--wm-number-container-padding-left)',
+                'padding-right': 'var(--wm-number-container-padding-right)',
+                // 'border-width': 'var(--wm-number-container-border-width)',
+                'border-style': 'var(--wm-number-container-border-style)',
+                'border-radius': 'var(--wm-number-container-border-radius)',
+                'background-color': 'var(--wm-color-white)',
             }
         }, {
             className: '.app-number-invalid',
@@ -22,6 +33,10 @@ exports.default = {
             studioStyleSelector: '',
             style: {
                 'border-color': '@inputFocusBorderColor'
+            },
+            dtStyle: {
+                'border-color': 'var(--wm-form-control-border-color)'
+                // 'var(--wm-wizard-number-stepper-step-active-background)',
             }
         }, {
             className: '.app-number-placeholer',
@@ -43,6 +58,13 @@ exports.default = {
             className: '.app-number-active-flotaing-label',
             rnStyleSelector: 'app-number.activeFloatingLabel',
             style: {}
+        }, {
+            className: '.app-number-with-label.app-number-active-flotaing-label',
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-form-control-border-color)',
+                // 'var(--wm-wizard-number-stepper-step-current-background)',
+            }
         }, {
             className: '.app-number-skeleton',
             rnStyleSelector: 'app-number.skeleton',

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

@@ -1 +1 @@
-{"version":3,"file":"number.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/number.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,6BAA6B;YAClD,KAAK,EAAE;gBACH,cAAc,EAAE,mBAAmB;gBACnC,kBAAkB,EAAE,uBAAuB;aAC9C;SACJ,EAAE;YACC,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,qBAAqB,EAAE,0BAA0B;aACpD;SACJ,EAAC;YACE,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,cAAc,EAAE,wBAAwB;aAC3C;SACJ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,4BAA4B;YAC7C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,OAAO,EAAE,wBAAwB;aACpC;SACJ,EAAE;YACC,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,qBAAqB;YACtC,mBAAmB,EAAE,sBAAsB;YAC3C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,0BAA0B;YAC3C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,mCAAmC;YAC9C,eAAe,EAAE,gCAAgC;YACjD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,qBAAqB;YACtC,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,0BAA0B;YAC3C,KAAK,EAAE,EAAE;SACZ,CAAC,CAAC;CACY,CAAC"}
+{"version":3,"file":"number.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/number.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,6BAA6B;YAClD,KAAK,EAAE;gBACH,cAAc,EAAE,mBAAmB;gBACnC,kBAAkB,EAAE,uBAAuB;aAC9C;YACD,OAAO,EAAE;gBACL,YAAY,EAAE,uCAAuC;gBACrD,aAAa,EAAE,wCAAwC;gBACvD,gBAAgB,EAAE,2CAA2C;gBAC7D,cAAc,EAAE,yCAAyC;gBACzD,eAAe,EAAE,0CAA0C;gBAC3D,6DAA6D;gBAC7D,cAAc,EAAE,yCAAyC;gBACzD,eAAe,EAAE,0CAA0C;gBAC3D,kBAAkB,EAAE,uBAAuB;aAC9C;SACJ,EAAE;YACC,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,qBAAqB,EAAE,0BAA0B;aACpD;SACJ,EAAC;YACE,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,cAAc,EAAE,wBAAwB;aAC3C;YACD,OAAO,EAAC;gBACJ,cAAc,EAAC,qCAAqC;gBACpD,4DAA4D;aAC/D;SACJ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,4BAA4B;YAC7C,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,OAAO,EAAE,wBAAwB;aACpC;SACJ,EAAE;YACC,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,qBAAqB;YACtC,mBAAmB,EAAE,sBAAsB;YAC3C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,0BAA0B;YAC3C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,mCAAmC;YAC9C,eAAe,EAAE,gCAAgC;YACjD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,yDAAyD;YACpE,KAAK,EAAE,EAAE;YACT,OAAO,EAAC;gBACJ,OAAO,EAAC,qCAAqC;gBAC7C,6DAA6D;aAEhE;SACJ,EAAE;YACC,SAAS,EAAE,sBAAsB;YACjC,eAAe,EAAE,qBAAqB;YACtC,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,0BAA0B;YAC3C,KAAK,EAAE,EAAE;SACZ,CAAC,CAAC;CACY,CAAC"}

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

@@ -24,12 +24,23 @@ exports.default = {
             studioStyleSelector: '',
             style: {
                 'background-color': '@groupHeadingBgColor'
+            },
+            dtStyle: {
+                'font-size': 'var(--wm-radiobutton-caption-font-size)',
+                'line-height': 'var(--wm-radiobutton-group-header-title-line-height)',
+                'padding-left': 'var(--wm-radiobutton-padding-left)',
+                'padding-right': 'var(--wm-radiobutton-padding-right)',
+                'font-family': 'var(--wm-radiobutton-font-family)'
             }
         }, {
             className: '.app-radioset-item',
             rnStyleSelector: 'app-radioset.item',
             studioStyleSelector: '.app-radioset li.radio',
-            style: {}
+            style: {},
+            dtStyle: {
+                'margin-right': 'var(--wm-radiobutton-item-margin-right)',
+                'margin-left': 'var(--wm-radiobutton-item-margin-top)'
+            }
         }, {
             className: '.app-radioset-selected-item',
             rnStyleSelector: 'app-radioset.selectedItem',
@@ -39,7 +50,15 @@ exports.default = {
             className: '.app-radioset-label',
             rnStyleSelector: 'app-radioset.radioLabel',
             studioStyleSelector: '.app-radioset .caption',
-            style: {}
+            style: {},
+            dtStyle: {
+                'font-size': 'var(--wm-radiobutton-caption-font-size)',
+                'font-family': 'var(--wm-radiobutton-caption-font-family)',
+                'font-weight': 'var(--wm-radiobutton-caption-font-weight)',
+                'line-height': 'var(--wm-radiobutton-caption-line-height)',
+                'letter-spacing': 'var(--wm-radiobutton-caption-letter-spacing)',
+                'color': 'var(--wm-radiobutton-caption-color)',
+            }
         }, {
             className: '.app-radioset-skeleton',
             rnStyleSelector: 'app-radioset.skeleton',
@@ -49,17 +68,67 @@ exports.default = {
             className: '.app-radioset-checked-icon',
             rnStyleSelector: 'app-radioset.checkedRadio',
             studioStyleSelector: '.app-radioset-checkedRadio',
-            style: {}
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-radiobutton-width)',
+                'height': 'var(--wm-radiobutton-height)',
+                'border-style': 'var(--wm-border-style)',
+                'border-radius': 'var(--wm-radio-border-radius)',
+                // 'border-width': 'var(--wm-radiobutton-border-width)',
+                'border-color': 'var(--wm-radiobutton-selected-border-color)',
+            }
+        },
+        {
+            className: '.app-radioset-checked-icon.icon',
+            style: {},
+            dtStyle: {
+                'color': 'var(--wm-radiobutton-selected-indicator-color)',
+                // 'width':'var(--wm-radiobutton-indicator-size)',
+                // 'height':'var(--wm-radiobutton-indicator-size)',
+            }
         }, {
+            className: '.app-radioset-checked-icon.root',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-radiobutton-selected-background)',
+                'border-color': 'var(--wm-radiobutton-selected-border-color)',
+                // 'border-width':'var(--wm-radiobutton-border-width)',
+                'border-radius': 'var(--wm-radiobutton-border-radius)',
+                'width': 'var(--wm-radiobutton-size)',
+                'height': 'var(--wm-radiobutton-size)',
+            }
+        },
+        {
             className: '.app-radioset-unchecked-icon',
             rnStyleSelector: 'app-radioset.uncheckedRadio',
             studioStyleSelector: '.app-radioset-uncheckedRadio',
-            style: {}
+            style: {},
+            dtStyle: {
+                'width': 'var(--wm-radiobutton-width)',
+                'height': 'var(--wm-radiobutton-height)',
+                'border-style': 'var(--wm-border-style)',
+                'border-radius': 'var(--wm-radio-border-radius)',
+                // 'border-width': 'var(--wm-radiobutton-border-width)',
+                'border-color': 'var(--wm-radiobutton-selected-border-color)'
+            }
         }, {
+            className: '.app-radioset-unchecked-icon.root',
+            style: {},
+            dtStyle: {
+                'background-color': 'var(--wm-radiobutton-background)',
+                // 'border-width':'var(--wm-radiobutton-border-width)',
+                'border-color': 'var(--wm-radiobutton-border-color)',
+                // 'border-radius':'var(--wm-radiobutton-border-radius)',
+                'width': 'var(--wm-radiobutton-size)',
+                'height': 'var(--wm-radiobutton-size)',
+            }
+        },
+        {
             className: '.app-radioset-selected-label',
             rnStyleSelector: 'app-radioset.selectedLabel',
-            studioStyleSelector: '.app-radioset-selectedLabel',
+            studioStyleSelector: '.app-radioset li.active .caption',
             style: {}
-        }])
+        }
+    ])
 };
 //# sourceMappingURL=radioset.styledef.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"radioset.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/radioset.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,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,oBAAoB;YAC/B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,KAAK,EAAE,eAAe;aACzB;SACJ,EAAE;YACC,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,oBAAoB;YACrC,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE,EACN;SACJ,EAAE;YACC,SAAS,EAAE,2BAA2B;YACtC,eAAe,EAAE,+BAA+B;YAChD,mBAAmB,EAAE,EAAE;YACvB,KAAK,EAAE;gBACH,kBAAkB,EAAE,sBAAsB;aAC7C;SACJ,EAAE;YACC,SAAS,EAAE,oBAAoB;YAC/B,eAAe,EAAE,mBAAmB;YACpC,mBAAmB,EAAE,wBAAwB;YAC7C,KAAK,EAAE,EAAE;SACZ,EAAG;YACA,SAAS,EAAE,6BAA6B;YACxC,eAAe,EAAE,2BAA2B;YAC5C,mBAAmB,EAAE,wBAAwB;YAC7C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,qBAAqB;YAChC,eAAe,EAAE,yBAAyB;YAC1C,mBAAmB,EAAE,wBAAwB;YAC7C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,wBAAwB;YACnC,eAAe,EAAE,uBAAuB;YACxC,mBAAmB,EAAE,wBAAwB;YAC7C,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,4BAA4B;YACvC,eAAe,EAAE,2BAA2B;YAC5C,mBAAmB,EAAE,4BAA4B;YACjD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,8BAA8B;YACzC,eAAe,EAAE,6BAA6B;YAC9C,mBAAmB,EAAE,8BAA8B;YACnD,KAAK,EAAE,EAAE;SACZ,EAAE;YACC,SAAS,EAAE,8BAA8B;YACzC,eAAe,EAAE,4BAA4B;YAC7C,mBAAmB,EAAE,6BAA6B;YAClD,KAAK,EAAE,EAAE;SACZ,CAAC,CAAC;CACY,CAAC"}
+{"version":3,"file":"radioset.styledef.js","sourceRoot":"","sources":["../../../../../src/theme/components/input/radioset.styledef.ts"],"names":[],"mappings":"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"}

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

@@ -4,14 +4,20 @@ exports.default = {
     getStyleDefs: () => ([{
             className: '.app-rating',
             rnStyleSelector: 'app-rating.root',
-            studioStyleSelector: '.app-ratings',
-            style: {}
+            studioStyleSelector: '.app-ratings .ratings-wrapper .rating-style ',
+            style: {},
+            dtStyle: {
+                'padding': 'var(--wm-rating-container-padding)',
+            }
         }, {
             className: '.app-rating-text',
             rnStyleSelector: 'app-rating.text',
             studioStyleSelector: '.app-ratings .caption',
             style: {
                 color: '@ratingSelectedIconColor'
+            },
+            dtStyle: {
+                'padding-left': 'var(--wm-rating-container-padding)',
             }
         }, {
             className: '.app-rating-icon',
@@ -19,6 +25,14 @@ exports.default = {
             studioStyleSelector: '.app-ratings label',
             style: {
                 color: '@ratingIconColor'
+            },
+            dtStyle: {
+                'font-size': 'var(--wm-rating-icon-font-size)',
+                'width': 'var(--wm-rating-icon-size)',
+                'height': 'var(--wm-rating-icon-size)',
+                'opacity': ' var(--wm-rating-icon-opacity-inactive)',
+                'gap': 'var(--wm-icon-gap)',
+                'color': 'var(--wm-rating-icon-text-color)'
             }
         }, {
             className: '.app-rating-selected-icon',
@@ -26,6 +40,14 @@ exports.default = {
             studioStyleSelector: '.app-ratings label.active',
             style: {
                 color: '@ratingSelectedIconColor'
+            },
+            dtStyle: {
+                'font-size': 'var(--wm-rating-icon-font-size)',
+                'width': 'var(--wm-rating-icon-size)',
+                'height': 'var(--wm-rating-icon-size)',
+                'color': 'var(--wm-rating-icon-color-active)',
+                'opacity': 'var(--wm-rating-icon-opacity-active)',
+                'gap': 'var(--wm-icon-gap)'
             }
         }])
 };