Skip to content

Commit

Permalink
fix(core): 🎨 default export maintained and impact handles
Browse files Browse the repository at this point in the history
default export maintained and impact handled

Ref #38
  • Loading branch information
techoneel committed Feb 2, 2024
1 parent 2e2432a commit d6f5d05
Show file tree
Hide file tree
Showing 13 changed files with 436 additions and 436 deletions.
2 changes: 1 addition & 1 deletion package/base/BaseStyle.ts
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ export abstract class BaseStyle {
) {
this._theme = {
...DEFAULT_THEME,
...(WrappidContext?.themes[WrappidContext?.defaultTheme]?.theme || {}),
...(WrappidContext?.themes[WrappidContext?.defaultTheme]?.theme || {})
};
}
}
Expand Down
36 changes: 18 additions & 18 deletions package/styledComponents/DefaultSCStyles.ts
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
/* eslint-disable sort-keys-fix/sort-keys-fix */
import { BaseStyle } from "../base/BaseStyle";
import { IMPORTANT, PX_TAG } from "../base/constants";
import { DefaultUtilityStyles } from "../utility/DefaultUtilityStyles";
import DefaultUtilityStyles from "../utility/DefaultUtilityStyles";

const HEADING_TOP_MARGIN = "56" + PX_TAG;

export class DefaultSCStyles extends BaseStyle {
export default class DefaultSCStyles extends BaseStyle {
constructor() {
super();

Expand All @@ -30,7 +30,7 @@ export class DefaultSCStyles extends BaseStyle {
scInputsInputLabel : {},
scInputsItemButton : {
width : "100%" + IMPORTANT,
marginBottom: 16 + IMPORTANT,
marginBottom: 16 + IMPORTANT
},
scInputsMenuItem : {},
scinputsSelect : {},
Expand All @@ -41,10 +41,10 @@ export class DefaultSCStyles extends BaseStyle {
* DATA DISPLAY
*************************************************/
scDataDisplayAvatar : {
backgroundColor: this.theme?.palette?.secondary?.light,
backgroundColor: this.theme.palette?.secondary?.light,
borderWidth : "1" + PX_TAG + IMPORTANT,
borderStyle : "solid" + IMPORTANT,
borderColor : this.theme?.palette?.secondary?.main,
borderColor : this.theme.palette?.secondary?.main
},
scDataDisplayBadge : {},
scDataDisplayChip : {},
Expand All @@ -67,7 +67,7 @@ export class DefaultSCStyles extends BaseStyle {
scDataDisplayMobileToolbar : {
borderBottomWidth: 1,
borderBottomColor: defaultUtilityStyles?.borderPrimary?.borderColor,
marginTop : "-" + defaultUtilityStyles?.m1?.margin,
marginTop : "-" + defaultUtilityStyles?.m1?.margin
},
scDataDisplayTableSortLabel: {},
scDataDisplayTooltip : {},
Expand All @@ -79,7 +79,7 @@ export class DefaultSCStyles extends BaseStyle {
scFeedbackBackdrop : {
zIndex: 1202 + IMPORTANT,
backgroundColor:
this.theme?.palette?.secondary?.transparentDark + IMPORTANT,
this.theme.palette?.secondary?.transparentDark + IMPORTANT
},
scFeedbackCircularProgress: {},
scFeedbackLinearProgress : {},
Expand All @@ -94,7 +94,7 @@ export class DefaultSCStyles extends BaseStyle {
scSurfacesAccordionSummery: {},
scSurfacesAppBar : {
...defaultUtilityStyles.bgPrimary,
...defaultUtilityStyles.shadowNone,
...defaultUtilityStyles.shadowNone
},
scSurfacesCard : {},
scSurfacesCardActionArea: {},
Expand All @@ -117,7 +117,7 @@ export class DefaultSCStyles extends BaseStyle {
paddingLeft : 16,
paddingRight : 16,
paddingTop : 12,
paddingBottom : 12,
paddingBottom : 12
},
scNavigationTabActive: {
minHeight : 48,
Expand All @@ -131,13 +131,13 @@ export class DefaultSCStyles extends BaseStyle {
paddingBottom : 12,
...defaultUtilityStyles?.textPrimary,
borderBottomColor: defaultUtilityStyles?.borderPrimary?.borderColor,
borderBottomWidth: 2,
borderBottomWidth: 2
},
scNavigationTabs: {},
scNavigationLink: {
color : this.theme?.palette?.primary?.main + IMPORTANT,
color : this.theme.palette?.primary?.main + IMPORTANT,
fontWeight: 500 + IMPORTANT,
fontSize : "0.812rem" + IMPORTANT,
fontSize : "0.812rem" + IMPORTANT
},
scNavigationMenuItem : {},
scNavigationMenuList : {},
Expand Down Expand Up @@ -197,13 +197,13 @@ export class DefaultSCStyles extends BaseStyle {
seperatorItem : { padding: 0 + IMPORTANT },
seperatorButtonItem: {
height : 0 + IMPORTANT,
minHeight: 0 + IMPORTANT,
minHeight: 0 + IMPORTANT
// backgroundColor: "gray"
},
seperatorIconItem: {
height : 0 + IMPORTANT,
minHeight: 0 + IMPORTANT,
display : "none" + IMPORTANT,
display : "none" + IMPORTANT
},
seperatorTextItem: { height: 0 + IMPORTANT, minHeight: 0 + IMPORTANT },

Expand All @@ -215,13 +215,13 @@ export class DefaultSCStyles extends BaseStyle {
color : "rgb(88, 88, 88)" + IMPORTANT,
overflow : "hidden" + IMPORTANT,
textOverflow: "ellipsis" + IMPORTANT,
whiteSpace : "nowrap" + IMPORTANT,
whiteSpace : "nowrap" + IMPORTANT
},
webFilePicker: {
justifyContent: "flex-end" + IMPORTANT,
display : "flex" + IMPORTANT,
color : "rgb(0,0,0,0.54)" + IMPORTANT,
borderBottom : "1" + PX_TAG + "solid rgba(0, 0, 0, 0.42)" + IMPORTANT,
borderBottom : "1" + PX_TAG + "solid rgba(0, 0, 0, 0.42)" + IMPORTANT
},
webTabHead: {
...defaultUtilityStyles.mb1,
Expand All @@ -230,8 +230,8 @@ export class DefaultSCStyles extends BaseStyle {
...defaultUtilityStyles.overflowXScroll,
...defaultUtilityStyles.w100,
marginLeft: "-8" + PX_TAG + IMPORTANT,
marginTop : "-8" + PX_TAG + IMPORTANT,
},
marginTop : "-8" + PX_TAG + IMPORTANT
}
};
}
}
32 changes: 16 additions & 16 deletions package/styledComponents/LargeSCStyles.ts
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
/* eslint-disable sort-keys-fix/sort-keys-fix */
import { BaseStyle } from "../base/BaseStyle";

export class LargeSCStyles extends BaseStyle {
export default class LargeSCStyles extends BaseStyle {
constructor() {
super();

this.style = {
/**************************************************
* INPUTS
*************************************************/
* INPUTS
*************************************************/
scInputsButton : {},
scInputsTextField: {},
/**************************************************
* DATA DISPLAY
*************************************************/
* DATA DISPLAY
*************************************************/
/**************************************************
* FEEDBACK
*************************************************/
* FEEDBACK
*************************************************/
/**************************************************
* SURFACES
*************************************************/
* SURFACES
*************************************************/
/**************************************************
* NAVIGATION
*************************************************/
* NAVIGATION
*************************************************/
scNavigationTab : {},
scNavigationTabs : {},
scNavigationTabs : {}
/**************************************************
* LAYOUTS
*************************************************/
* LAYOUTS
*************************************************/
/**************************************************
* UTILS
*************************************************/
* UTILS
*************************************************/
};
}
}
32 changes: 16 additions & 16 deletions package/styledComponents/MediumSCStyles.ts
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
/* eslint-disable sort-keys-fix/sort-keys-fix */
import { BaseStyle } from "../base/BaseStyle";

export class MediumSCStyles extends BaseStyle {
export default class MediumSCStyles extends BaseStyle {
constructor() {
super();

this.style = {
/**************************************************
* INPUTS
*************************************************/
* INPUTS
*************************************************/
scInputsButton : {},
scInputsTextField: {},
/**************************************************
* DATA DISPLAY
*************************************************/
* DATA DISPLAY
*************************************************/
/**************************************************
* FEEDBACK
*************************************************/
* FEEDBACK
*************************************************/
/**************************************************
* SURFACES
*************************************************/
* SURFACES
*************************************************/
/**************************************************
* NAVIGATION
*************************************************/
* NAVIGATION
*************************************************/
scNavigationTab : {},
scNavigationTabs : {},
scNavigationTabs : {}
/**************************************************
* LAYOUTS
*************************************************/
* LAYOUTS
*************************************************/
/**************************************************
* UTILS
*************************************************/
* UTILS
*************************************************/
};
}
}
6 changes: 3 additions & 3 deletions package/styledComponents/SmallSCStyles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
import { BaseStyle } from "../base/BaseStyle";
import { IMPORTANT } from "../base/constants";

export class SmallSCStyles extends BaseStyle {
export default class SmallSCStyles extends BaseStyle {
constructor() {
super();

Expand All @@ -15,7 +15,7 @@ export class SmallSCStyles extends BaseStyle {
*************************************************/
scFeedbackDialog: {
minHeight: "30%" + IMPORTANT,
minWidth : "20%" + IMPORTANT,
minWidth : "20%" + IMPORTANT
},

/**************************************************
Expand All @@ -31,7 +31,7 @@ export class SmallSCStyles extends BaseStyle {
* NAVIGATION
*************************************************/
scNavigationTab : {},
scNavigationTabs : {},
scNavigationTabs : {}
/**************************************************
* LAYOUTS
*************************************************/
Expand Down
32 changes: 16 additions & 16 deletions package/styledComponents/XLargeSCStyles.ts
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
/* eslint-disable sort-keys-fix/sort-keys-fix */
import { BaseStyle } from "../base/BaseStyle";

export class XLargeSCStyles extends BaseStyle {
export default class XLargeSCStyles extends BaseStyle {
constructor() {
super();

this.style = {
/**************************************************
* INPUTS
*************************************************/
* INPUTS
*************************************************/
scInputsButton : {},
scInputsTextField: {},
/**************************************************
* DATA DISPLAY
*************************************************/
* DATA DISPLAY
*************************************************/
/**************************************************
* FEEDBACK
*************************************************/
* FEEDBACK
*************************************************/
/**************************************************
* SURFACES
*************************************************/
* SURFACES
*************************************************/
/**************************************************
* NAVIGATION
*************************************************/
* NAVIGATION
*************************************************/
scNavigationTab : {},
scNavigationTabs : {},
scNavigationTabs : {}
/**************************************************
* LAYOUTS
*************************************************/
* LAYOUTS
*************************************************/
/**************************************************
* UTILS
*************************************************/
* UTILS
*************************************************/
};
}
}
32 changes: 16 additions & 16 deletions package/styledComponents/XXLargeSCStyles.ts
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
/* eslint-disable sort-keys-fix/sort-keys-fix */
import { BaseStyle } from "../base/BaseStyle";

export class XXLargeSCStyles extends BaseStyle {
export default class XXLargeSCStyles extends BaseStyle {
constructor() {
super();

this.style = {
/**************************************************
* INPUTS
*************************************************/
* INPUTS
*************************************************/
scInputsButton : {},
scInputsTextField: {},
/**************************************************
* DATA DISPLAY
*************************************************/
* DATA DISPLAY
*************************************************/
/**************************************************
* FEEDBACK
*************************************************/
* FEEDBACK
*************************************************/
/**************************************************
* SURFACES
*************************************************/
* SURFACES
*************************************************/
/**************************************************
* NAVIGATION
*************************************************/
* NAVIGATION
*************************************************/
scNavigationTab : {},
scNavigationTabs : {},
scNavigationTabs : {}
/**************************************************
* LAYOUTS
*************************************************/
* LAYOUTS
*************************************************/
/**************************************************
* UTILS
*************************************************/
* UTILS
*************************************************/
};
}
}
Loading

0 comments on commit d6f5d05

Please sign in to comment.