@mrshmllw/smores-react 6.2.1 → 7.0.0-crumbs-sc-v6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +20 -6
- package/dist/Accordion/Accordion.js +12 -12
- package/dist/Accordion/Accordion.js.map +1 -1
- package/dist/ActionDropdown/ActionDropdown.js +4 -4
- package/dist/ActionDropdown/ActionDropdown.js.map +1 -1
- package/dist/Banner/BannerItem.js +5 -5
- package/dist/Banner/BannerItem.js.map +1 -1
- package/dist/Box/Box.d.ts +8 -5
- package/dist/Box/Box.js +8 -2
- package/dist/Box/Box.js.map +1 -1
- package/dist/BrandCard/BrandCard.d.ts +2 -2
- package/dist/BrandCard/BrandCard.js +12 -12
- package/dist/BrandCard/BrandCard.js.map +1 -1
- package/dist/Button/Button.js +14 -14
- package/dist/Button/Button.js.map +1 -1
- package/dist/Card/Card.js +15 -15
- package/dist/Card/Card.js.map +1 -1
- package/dist/CheckBox/CheckBox.js +2 -2
- package/dist/CheckBox/CheckBox.js.map +1 -1
- package/dist/Chip/Chip.js +6 -6
- package/dist/Chip/Chip.js.map +1 -1
- package/dist/CurrencyInput/CurrencyInput.js +3 -3
- package/dist/CurrencyInput/CurrencyInput.js.map +1 -1
- package/dist/Datepicker/Datepicker.js +3 -3
- package/dist/Datepicker/Datepicker.js.map +1 -1
- package/dist/Divider/Divider.d.ts +1 -1
- package/dist/Divider/Divider.js +7 -8
- package/dist/Divider/Divider.js.map +1 -1
- package/dist/Dropdown/Dropdown.js +7 -7
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Emoji/Emoji.js +3 -3
- package/dist/Emoji/Emoji.js.map +1 -1
- package/dist/Icon/Icon.js +1 -1
- package/dist/Icon/Icon.js.map +1 -1
- package/dist/Icon/iconFiles/Bullets.js +1 -1
- package/dist/Icon/iconFiles/Bullets.js.map +1 -1
- package/dist/IconStrict/IconStrict.js +8 -8
- package/dist/IconStrict/IconStrict.js.map +1 -1
- package/dist/IconWrapper/IconWrapper.js +8 -8
- package/dist/IconWrapper/IconWrapper.js.map +1 -1
- package/dist/LabelledText/LabelledText.d.ts +1 -1
- package/dist/LabelledText/LabelledText.js +2 -2
- package/dist/LabelledText/LabelledText.js.map +1 -1
- package/dist/Link/Link.d.ts +1 -1
- package/dist/Link/Link.js +5 -5
- package/dist/Link/Link.js.map +1 -1
- package/dist/Loader/Loader.js +7 -4
- package/dist/Loader/Loader.js.map +1 -1
- package/dist/Modal/Modal.js +9 -9
- package/dist/Modal/Modal.js.map +1 -1
- package/dist/NumberInput/NumberInput.js +4 -4
- package/dist/NumberInput/NumberInput.js.map +1 -1
- package/dist/Pagination/Pagination.js +6 -6
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/RadioGroup/RadioElement.js +6 -6
- package/dist/RadioGroup/RadioElement.js.map +1 -1
- package/dist/RadioGroup/RadioGroup.js +3 -3
- package/dist/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/RadioGroup/RadioItem.js +15 -14
- package/dist/RadioGroup/RadioItem.js.map +1 -1
- package/dist/RichTextEditor/plugins/ToolbarPlugin.js +3 -1
- package/dist/RichTextEditor/plugins/ToolbarPlugin.js.map +1 -1
- package/dist/Row/Row.js +9 -9
- package/dist/Row/Row.js.map +1 -1
- package/dist/SearchInput/SearchInput.js +1 -1
- package/dist/SearchInput/SearchInput.js.map +1 -1
- package/dist/SearchInput/SearchOptions.js +6 -6
- package/dist/SearchInput/SearchOptions.js.map +1 -1
- package/dist/SupportMessage/SupportMessage.js +4 -4
- package/dist/SupportMessage/SupportMessage.js.map +1 -1
- package/dist/Table/Table.js +1 -1
- package/dist/Table/Table.js.map +1 -1
- package/dist/Table/components/RowActions.js +4 -4
- package/dist/Table/components/RowActions.js.map +1 -1
- package/dist/Table/components/TableHeader.js +2 -2
- package/dist/Table/components/TableHeader.js.map +1 -1
- package/dist/Table/components/TableRow.js +2 -2
- package/dist/Table/components/TableRow.js.map +1 -1
- package/dist/Table/components/commonComponents.d.ts +6 -4
- package/dist/Table/components/commonComponents.js +35 -35
- package/dist/Table/components/commonComponents.js.map +1 -1
- package/dist/Tag/Tag.js +4 -4
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/Text/Text.js +20 -20
- package/dist/Text/Text.js.map +1 -1
- package/dist/TextInput/TextInput.js +5 -5
- package/dist/TextInput/TextInput.js.map +1 -1
- package/dist/Textarea/Textarea.js +6 -6
- package/dist/Textarea/Textarea.js.map +1 -1
- package/dist/Toggle/Toggle.js +1 -1
- package/dist/Toggle/Toggle.js.map +1 -1
- package/dist/Tooltip/Tooltip.d.ts +10 -10
- package/dist/Tooltip/Tooltip.js +16 -16
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/fields/components/CommonInput.d.ts +20 -8
- package/dist/fields/components/CommonInput.js +9 -9
- package/dist/fields/components/CommonInput.js.map +1 -1
- package/dist/fields/components/InternalField.js +5 -5
- package/dist/fields/components/InternalField.js.map +1 -1
- package/dist/fontStyle.d.ts +2 -1
- package/dist/utils/flex.d.ts +3 -1
- package/dist/utils/flex.js +18 -18
- package/dist/utils/flex.js.map +1 -1
- package/dist/utils/focusOutline.d.ts +2 -2
- package/dist/utils/measure.d.ts +3 -1
- package/dist/utils/measure.js +7 -7
- package/dist/utils/measure.js.map +1 -1
- package/dist/utils/space.d.ts +5 -2
- package/dist/utils/space.js +30 -30
- package/dist/utils/space.js.map +1 -1
- package/dist/utils/utilTypes.d.ts +7 -0
- package/dist/utils/utilTypes.js +2 -0
- package/dist/utils/utilTypes.js.map +1 -0
- package/package.json +2 -3
package/dist/Tooltip/Tooltip.js
CHANGED
@@ -131,9 +131,9 @@ export const Tooltip = ({ children, title, content, position = 'top', maxWidth =
|
|
131
131
|
ref: documentRef,
|
132
132
|
});
|
133
133
|
return (React.createElement(Container, null,
|
134
|
-
React.createElement(UnderlinedChild, { id: randomId, underline: underline, onMouseEnter: () => setShowTip(true), onMouseLeave: () => setShowTip(false) }, children),
|
134
|
+
React.createElement(UnderlinedChild, { id: randomId, "$underline": underline, onMouseEnter: () => setShowTip(true), onMouseLeave: () => setShowTip(false) }, children),
|
135
135
|
childEl &&
|
136
|
-
createPortal(React.createElement(Tip, { className: "tooltip", showTip: showTip, position: position, arrowPosition: tooltipPosition, ref: tipContainer, maxWidth: maxWidth, fallbackStyle: fallbackStyle, zIndex: zIndex, style: {
|
136
|
+
createPortal(React.createElement(Tip, { className: "tooltip", "$showTip": showTip, "$position": position, "$arrowPosition": tooltipPosition, ref: tipContainer, "$maxWidth": maxWidth, "$fallbackStyle": fallbackStyle, "$zIndex": zIndex, style: {
|
137
137
|
position: 'absolute',
|
138
138
|
top: `${tooltipCoords.top}px`,
|
139
139
|
left: `${tooltipCoords.left}px`,
|
@@ -153,7 +153,7 @@ export const Container = styled.div `
|
|
153
153
|
`;
|
154
154
|
const UnderlinedChild = styled(Box) `
|
155
155
|
cursor: pointer;
|
156
|
-
${({ underline }) => underline &&
|
156
|
+
${({ $underline }) => $underline &&
|
157
157
|
css `
|
158
158
|
border-bottom: 1px dashed ${theme.colors.marshmallowPink};
|
159
159
|
`}
|
@@ -197,27 +197,27 @@ const top = css `
|
|
197
197
|
&:before {
|
198
198
|
bottom: -15px;
|
199
199
|
transform: rotate(-90deg);
|
200
|
-
${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}
|
200
|
+
${({ $arrowPosition }) => handleHorizontalArrowPosition($arrowPosition)}
|
201
201
|
}
|
202
202
|
`;
|
203
203
|
const bottom = css `
|
204
204
|
&:before {
|
205
205
|
top: -15px;
|
206
206
|
transform: rotate(90deg);
|
207
|
-
${({ arrowPosition }) => handleHorizontalArrowPosition(arrowPosition)}
|
207
|
+
${({ $arrowPosition }) => handleHorizontalArrowPosition($arrowPosition)}
|
208
208
|
}
|
209
209
|
`;
|
210
210
|
const left = css `
|
211
211
|
&:before {
|
212
212
|
right: -11px;
|
213
213
|
transform: rotate(180deg);
|
214
|
-
${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}
|
214
|
+
${({ $arrowPosition }) => handleVerticalArrowPosition($arrowPosition)}
|
215
215
|
}
|
216
216
|
`;
|
217
217
|
const right = css `
|
218
218
|
&:before {
|
219
219
|
left: -11px;
|
220
|
-
${({ arrowPosition }) => handleVerticalArrowPosition(arrowPosition)}
|
220
|
+
${({ $arrowPosition }) => handleVerticalArrowPosition($arrowPosition)}
|
221
221
|
}
|
222
222
|
`;
|
223
223
|
export const Tip = styled.div `
|
@@ -227,20 +227,20 @@ export const Tip = styled.div `
|
|
227
227
|
padding: 16px 12px 20px;
|
228
228
|
border-radius: 16px;
|
229
229
|
max-width: 450px;
|
230
|
-
opacity: ${({ showTip }) => (showTip ? '1' : '0')};
|
230
|
+
opacity: ${({ $showTip }) => ($showTip ? '1' : '0')};
|
231
231
|
transition: opacity 0.2s ease-in-out;
|
232
232
|
pointer-events: none;
|
233
233
|
cursor: default;
|
234
|
-
z-index: ${({ zIndex }) => (zIndex ? zIndex : '10')};
|
234
|
+
z-index: ${({ $zIndex }) => ($zIndex ? $zIndex : '10')};
|
235
235
|
|
236
236
|
// this is the trick that will make sure the content can go up to maxWidth
|
237
|
-
margin-right: ${({ maxWidth }) => maxWidth &&
|
238
|
-
max-width: ${({ maxWidth }) => maxWidth && maxWidth + 'px'};
|
237
|
+
margin-right: ${({ $maxWidth }) => $maxWidth && -$maxWidth / 2 + 'px'};
|
238
|
+
max-width: ${({ $maxWidth }) => $maxWidth && $maxWidth + 'px'};
|
239
239
|
|
240
|
-
${({ arrowPosition }) => arrowPosition === 'top' && top}
|
241
|
-
${({ arrowPosition }) => arrowPosition === 'bottom' && bottom}
|
242
|
-
${({ arrowPosition }) => arrowPosition === 'left' && left}
|
243
|
-
${({ arrowPosition }) => arrowPosition === 'right' && right}
|
240
|
+
${({ $arrowPosition }) => $arrowPosition === 'top' && top}
|
241
|
+
${({ $arrowPosition }) => $arrowPosition === 'bottom' && bottom}
|
242
|
+
${({ $arrowPosition }) => $arrowPosition === 'left' && left}
|
243
|
+
${({ $arrowPosition }) => $arrowPosition === 'right' && right}
|
244
244
|
|
245
245
|
&:before {
|
246
246
|
content: '';
|
@@ -250,7 +250,7 @@ export const Tip = styled.div `
|
|
250
250
|
position: absolute;
|
251
251
|
}
|
252
252
|
|
253
|
-
${({ fallbackStyle }) => fallbackStyle &&
|
253
|
+
${({ $fallbackStyle }) => $fallbackStyle &&
|
254
254
|
css `
|
255
255
|
background: ${theme.colors.feijoa};
|
256
256
|
&:before {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
@@ -1,19 +1,31 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
import { Icons } from '../../Icon/iconsList';
|
3
3
|
interface IInput {
|
4
|
-
error?: boolean;
|
4
|
+
$error?: boolean;
|
5
5
|
disabled?: boolean;
|
6
6
|
selected?: boolean;
|
7
7
|
step?: number;
|
8
8
|
value?: string;
|
9
|
-
frontIcon?: Icons;
|
10
|
-
trailingIcon?: Icons;
|
11
|
-
fallbackStyle?: boolean;
|
9
|
+
$frontIcon?: Icons;
|
10
|
+
$trailingIcon?: Icons;
|
11
|
+
$fallbackStyle?: boolean;
|
12
12
|
}
|
13
13
|
interface SIcon {
|
14
|
-
disabled?: boolean;
|
14
|
+
$disabled?: boolean;
|
15
15
|
}
|
16
|
-
export declare const Input: import("styled-components").
|
17
|
-
export declare const StyledFrontIcon: import("styled-components").
|
18
|
-
|
16
|
+
export declare const Input: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, IInput>>;
|
17
|
+
export declare const StyledFrontIcon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
|
18
|
+
className?: string | undefined;
|
19
|
+
render: "search" | "link" | "at" | "id" | "property" | "security" | "key" | "filter" | "download" | "alert" | "location" | "copy" | "other" | "amex" | "axa" | "breakdown" | "earth" | "help-aboutus" | "injury" | "onfido" | "rac" | "renewal" | "stack" | "aa-inverted" | "accidental-damage" | "account-breakdown" | "account-mlp" | "activity-clipboard" | "add-ons" | "address-mta" | "album-audio" | "alert-engine" | "apple-pay" | "approved-file" | "breakdown-alt" | "cancel-bw" | "car-mta" | "car-repairs" | "car-replacement" | "car-usage" | "chat-bubble" | "checkout-with-text" | "circle-tick" | "claim-line" | "clipboard-check" | "close-panel" | "confused-blue" | "contact-email" | "dashboard-high" | "direct-debit" | "doc-download" | "doc-upload" | "edit-contact" | "edit-outline" | "email-filled" | "falling-items" | "file-badge-2" | "file-cabinet" | "fraud-alert" | "freezer-food" | "google-play-badge" | "help-buypolicy" | "help-center" | "help-idcheck" | "help-manage-policy" | "help-ncd" | "help-verification" | "home-excluded" | "house-tree" | "ios-store-badge" | "live-chat" | "live-chat2" | "log-out" | "manage-drivers" | "manage-policy" | "maximise-window" | "minus-circle" | "money-bag" | "money-heart" | "more-dots" | "new-window" | "no-excess" | "open-panel" | "out-of-home" | "padlock-outline" | "phone-filled" | "phone-outline" | "pin-code" | "plus-circle" | "policy-details" | "policy-doc" | "policy-docs" | "pound-bold" | "pound-filled-circle" | "pound-medium" | "pound-outline" | "pound-regular" | "question-help" | "refer-a-friend" | "reg-plate" | "renewal-line" | "repeat-charge" | "schedule-quote" | "send-message" | "shield-check" | "thumbs-up" | "tow-truck" | "trace-and-access" | "up-down" | "upload-documents" | "upload-email" | "wheel-flat" | "windscreen-repair" | "windscreen-replacement" | "aa" | "addons" | "arrow" | "bank" | "basket" | "bicycle" | "boost" | "briefcase" | "burger" | "bullets" | "calendar" | "camera" | "cancel" | "car" | "card" | "caret" | "charge" | "chat" | "checkout" | "city" | "claim" | "clipboard" | "clock" | "collpase" | "confused" | "crop" | "cross" | "edit" | "engine" | "europe" | "excluded" | "expand" | "facebook" | "fence" | "file" | "fire" | "flag" | "folder" | "fuel" | "globe" | "gpay" | "house" | "inbox" | "included" | "info" | "instagram" | "intercom" | "intercom2" | "iphone" | "jewellery" | "laptop" | "leaks" | "lightbulb" | "linkedin" | "marshmallow" | "mastercard" | "maximise" | "medical" | "minimise" | "minus" | "mulsanne" | "notes" | "notification" | "padlock" | "people" | "person" | "photo" | "plus" | "policy" | "premfina" | "profile" | "prohibited" | "ravelin" | "refund" | "return" | "settings" | "shield" | "shopping" | "sofa" | "storm" | "stripe" | "subsidence" | "theft" | "tick" | "training" | "trash" | "twitter" | "upload" | "vandalism" | "village" | "visa" | "warning" | "watch" | "wave" | "wellbeing" | "windscreen";
|
20
|
+
size?: number | undefined;
|
21
|
+
color?: "onfido" | "rac" | "checkout" | "confused" | "facebook" | "intercom" | "premfina" | "ravelin" | "stripe" | "twitter" | "lollipop" | "marshmallowPink" | "bubblegum" | "fairyFloss" | "boba" | "liquorice" | "sesame" | "chia" | "custard" | "mascarpone" | "coconut" | "cream" | "spearmint" | "feijoa" | "blueberry" | "macaroon" | "pistachio" | "matcha" | "caramel" | "peanut" | "marzipan" | "oatmeal" | "strawberry" | "watermelon" | "apple" | "mint" | "lemon" | "sherbert" | "tangerine" | "compareTheMarket" | "hometree" | undefined;
|
22
|
+
rotate?: number | undefined;
|
23
|
+
} & import("../..").MarginProps, SIcon>> & Omit<import("react").FC<import("../../Icon/Icon").IconProps>, keyof import("react").Component<any, {}, any>>;
|
24
|
+
export declare const StyledTrailingIcon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
|
25
|
+
className?: string | undefined;
|
26
|
+
render: "search" | "link" | "at" | "id" | "property" | "security" | "key" | "filter" | "download" | "alert" | "location" | "copy" | "other" | "amex" | "axa" | "breakdown" | "earth" | "help-aboutus" | "injury" | "onfido" | "rac" | "renewal" | "stack" | "aa-inverted" | "accidental-damage" | "account-breakdown" | "account-mlp" | "activity-clipboard" | "add-ons" | "address-mta" | "album-audio" | "alert-engine" | "apple-pay" | "approved-file" | "breakdown-alt" | "cancel-bw" | "car-mta" | "car-repairs" | "car-replacement" | "car-usage" | "chat-bubble" | "checkout-with-text" | "circle-tick" | "claim-line" | "clipboard-check" | "close-panel" | "confused-blue" | "contact-email" | "dashboard-high" | "direct-debit" | "doc-download" | "doc-upload" | "edit-contact" | "edit-outline" | "email-filled" | "falling-items" | "file-badge-2" | "file-cabinet" | "fraud-alert" | "freezer-food" | "google-play-badge" | "help-buypolicy" | "help-center" | "help-idcheck" | "help-manage-policy" | "help-ncd" | "help-verification" | "home-excluded" | "house-tree" | "ios-store-badge" | "live-chat" | "live-chat2" | "log-out" | "manage-drivers" | "manage-policy" | "maximise-window" | "minus-circle" | "money-bag" | "money-heart" | "more-dots" | "new-window" | "no-excess" | "open-panel" | "out-of-home" | "padlock-outline" | "phone-filled" | "phone-outline" | "pin-code" | "plus-circle" | "policy-details" | "policy-doc" | "policy-docs" | "pound-bold" | "pound-filled-circle" | "pound-medium" | "pound-outline" | "pound-regular" | "question-help" | "refer-a-friend" | "reg-plate" | "renewal-line" | "repeat-charge" | "schedule-quote" | "send-message" | "shield-check" | "thumbs-up" | "tow-truck" | "trace-and-access" | "up-down" | "upload-documents" | "upload-email" | "wheel-flat" | "windscreen-repair" | "windscreen-replacement" | "aa" | "addons" | "arrow" | "bank" | "basket" | "bicycle" | "boost" | "briefcase" | "burger" | "bullets" | "calendar" | "camera" | "cancel" | "car" | "card" | "caret" | "charge" | "chat" | "checkout" | "city" | "claim" | "clipboard" | "clock" | "collpase" | "confused" | "crop" | "cross" | "edit" | "engine" | "europe" | "excluded" | "expand" | "facebook" | "fence" | "file" | "fire" | "flag" | "folder" | "fuel" | "globe" | "gpay" | "house" | "inbox" | "included" | "info" | "instagram" | "intercom" | "intercom2" | "iphone" | "jewellery" | "laptop" | "leaks" | "lightbulb" | "linkedin" | "marshmallow" | "mastercard" | "maximise" | "medical" | "minimise" | "minus" | "mulsanne" | "notes" | "notification" | "padlock" | "people" | "person" | "photo" | "plus" | "policy" | "premfina" | "profile" | "prohibited" | "ravelin" | "refund" | "return" | "settings" | "shield" | "shopping" | "sofa" | "storm" | "stripe" | "subsidence" | "theft" | "tick" | "training" | "trash" | "twitter" | "upload" | "vandalism" | "village" | "visa" | "warning" | "watch" | "wave" | "wellbeing" | "windscreen";
|
27
|
+
size?: number | undefined;
|
28
|
+
color?: "onfido" | "rac" | "checkout" | "confused" | "facebook" | "intercom" | "premfina" | "ravelin" | "stripe" | "twitter" | "lollipop" | "marshmallowPink" | "bubblegum" | "fairyFloss" | "boba" | "liquorice" | "sesame" | "chia" | "custard" | "mascarpone" | "coconut" | "cream" | "spearmint" | "feijoa" | "blueberry" | "macaroon" | "pistachio" | "matcha" | "caramel" | "peanut" | "marzipan" | "oatmeal" | "strawberry" | "watermelon" | "apple" | "mint" | "lemon" | "sherbert" | "tangerine" | "compareTheMarket" | "hometree" | undefined;
|
29
|
+
rotate?: number | undefined;
|
30
|
+
} & import("../..").MarginProps, SIcon>> & Omit<import("react").FC<import("../../Icon/Icon").IconProps>, keyof import("react").Component<any, {}, any>>;
|
19
31
|
export {};
|
@@ -3,19 +3,19 @@ import { Icon } from '../../Icon';
|
|
3
3
|
import { theme } from '../../theme';
|
4
4
|
export const Input = styled.input `
|
5
5
|
border: none;
|
6
|
-
color: ${({ error }) => theme.colors[`${error ? 'strawberry' : 'liquorice'}`]};
|
6
|
+
color: ${({ $error }) => theme.colors[`${$error ? 'strawberry' : 'liquorice'}`]};
|
7
7
|
font-size: 16px;
|
8
8
|
width: 100%;
|
9
9
|
outline: none;
|
10
10
|
cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'initial')};
|
11
11
|
opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};
|
12
12
|
padding: 18px 14px;
|
13
|
-
background-color: ${({ fallbackStyle }) => fallbackStyle ? theme.colors.custard : theme.colors.cream};
|
13
|
+
background-color: ${({ $fallbackStyle }) => $fallbackStyle ? theme.colors.custard : theme.colors.cream};
|
14
14
|
border: 2px solid
|
15
|
-
${({ error }) => (error ? theme.colors.strawberry : theme.colors.oatmeal)};
|
15
|
+
${({ $error }) => ($error ? theme.colors.strawberry : theme.colors.oatmeal)};
|
16
16
|
|
17
|
-
${({ disabled, error }) => !disabled &&
|
18
|
-
|
17
|
+
${({ disabled, $error }) => !disabled &&
|
18
|
+
!$error &&
|
19
19
|
css `
|
20
20
|
&:hover,
|
21
21
|
&:focus-within {
|
@@ -26,12 +26,12 @@ export const Input = styled.input `
|
|
26
26
|
border-radius: 12px;
|
27
27
|
height: auto;
|
28
28
|
|
29
|
-
${({ frontIcon }) => frontIcon &&
|
29
|
+
${({ $frontIcon }) => $frontIcon &&
|
30
30
|
`
|
31
31
|
padding-left: 42px;
|
32
32
|
`}
|
33
33
|
|
34
|
-
${({ trailingIcon }) => trailingIcon &&
|
34
|
+
${({ $trailingIcon }) => $trailingIcon &&
|
35
35
|
`
|
36
36
|
padding-right: 42px;
|
37
37
|
`}
|
@@ -54,14 +54,14 @@ export const StyledFrontIcon = styled(Icon) `
|
|
54
54
|
left: 36px;
|
55
55
|
margin-left: -24px;
|
56
56
|
z-index: 1;
|
57
|
-
opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};
|
57
|
+
opacity: ${({ $disabled }) => ($disabled ? '0.5' : '1')};
|
58
58
|
color: ${theme.colors.liquorice};
|
59
59
|
`;
|
60
60
|
export const StyledTrailingIcon = styled(Icon) `
|
61
61
|
position: relative;
|
62
62
|
right: 36px;
|
63
63
|
margin-right: -36px;
|
64
|
-
opacity: ${({ disabled }) => (disabled ? '0.5' : '1')};
|
64
|
+
opacity: ${({ $disabled }) => ($disabled ? '0.5' : '1')};
|
65
65
|
color: ${theme.colors.liquorice};
|
66
66
|
`;
|
67
67
|
//# sourceMappingURL=CommonInput.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CommonInput.js","sourceRoot":"","sources":["../../../src/fields/components/CommonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBnC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAQ;;WAE9B,CAAC,EAAE,
|
1
|
+
{"version":3,"file":"CommonInput.js","sourceRoot":"","sources":["../../../src/fields/components/CommonInput.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBnC,MAAM,CAAC,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAQ;;WAE9B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACtB,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;;;;YAI9C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;aACvD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;;sBAEjC,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CACzC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;MAExD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;;IAE3E,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,CACzB,CAAC,QAAQ;IACT,CAAC,MAAM;IACP,GAAG,CAAA;;;wBAGiB,KAAK,CAAC,MAAM,CAAC,QAAQ;;KAExC;;;;;IAKD,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CACnB,UAAU;IACV;;KAEC;;IAED,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CACtB,aAAa;IACb;;KAEC;;;;;;;;;;;;aAYQ,KAAK,CAAC,MAAM,CAAC,MAAM;;CAE/B,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAC,CAAO;;;;;aAKrC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;WAC9C,KAAK,CAAC,MAAM,CAAC,SAAS;CAChC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAO;;;;aAIxC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;WAC9C,KAAK,CAAC,MAAM,CAAC,SAAS;CAChC,CAAA"}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import styled, { css } from 'styled-components';
|
3
|
-
import { Text } from '../../Text';
|
4
3
|
import { Box } from '../../Box';
|
5
4
|
import { Icon } from '../../Icon';
|
5
|
+
import { Text } from '../../Text';
|
6
6
|
export const InternalField = ({ children, fieldType, renderAsTitle, htmlFor, className, label, assistiveText, error, errorMsg, required, completed, ...marginProps }) => {
|
7
7
|
const labelTag = fieldType === 'field' ? 'label' : 'legend';
|
8
|
-
return (React.createElement(Container, {
|
8
|
+
return (React.createElement(Container, { forwardedAs: fieldType === 'field' ? 'div' : 'fieldset', className: className, ...marginProps },
|
9
9
|
label && (React.createElement(React.Fragment, null, renderAsTitle ? (React.createElement(Box, { mb: "16px" },
|
10
10
|
React.createElement(Text, { tag: labelTag, typo: "heading-small", htmlFor: htmlFor }, label),
|
11
11
|
assistiveText && (React.createElement(Text, { tag: "p", color: "sesame", mt: { custom: 4 } }, assistiveText)))) : (React.createElement(Text, { tag: labelTag, typo: "label", color: error ? 'strawberry' : 'sesame', htmlFor: htmlFor, mb: { custom: 4 } },
|
@@ -16,7 +16,7 @@ export const InternalField = ({ children, fieldType, renderAsTitle, htmlFor, cla
|
|
16
16
|
error &&
|
17
17
|
errorMsg &&
|
18
18
|
(typeof errorMsg === 'string' ? (React.createElement(Text, { tag: "span", typo: "caption", color: "strawberry", mt: "8px" }, errorMsg)) : (React.createElement(Box, { mt: "8px" }, errorMsg))),
|
19
|
-
completed !== undefined && (React.createElement(AnimationWrapper, { displayStatus: completed, isError: !!(error && errorMsg) },
|
19
|
+
completed !== undefined && (React.createElement(AnimationWrapper, { "$displayStatus": completed, "$isError": !!(error && errorMsg) },
|
20
20
|
React.createElement(StatusWrapper, { mt: '8px' },
|
21
21
|
React.createElement(Icon, { render: "included", size: 16, color: "apple" }),
|
22
22
|
React.createElement(Text, { typo: "caption", color: "apple" }, "Complete"))))));
|
@@ -25,14 +25,14 @@ const AnimationWrapper = styled(Box) `
|
|
25
25
|
width: 0;
|
26
26
|
overflow: hidden;
|
27
27
|
|
28
|
-
${({ displayStatus }) => displayStatus &&
|
28
|
+
${({ $displayStatus }) => $displayStatus &&
|
29
29
|
css `
|
30
30
|
transition: width 0.6s ease-in;
|
31
31
|
width: 100%;
|
32
32
|
`}
|
33
33
|
|
34
34
|
/* This enables animation to appear when previous state is error */
|
35
|
-
${({ isError }) => isError &&
|
35
|
+
${({ $isError }) => $isError &&
|
36
36
|
css `
|
37
37
|
height: 0;
|
38
38
|
`}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"InternalField.js","sourceRoot":"","sources":["../../../src/fields/components/InternalField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"InternalField.js","sourceRoot":"","sources":["../../../src/fields/components/InternalField.tsx"],"names":[],"mappings":"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"}
|
package/dist/fontStyle.d.ts
CHANGED
@@ -1 +1,2 @@
|
|
1
|
-
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const FontStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & object>;
|
package/dist/utils/flex.d.ts
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
import { ResponsiveProp } from './responsiveProp';
|
2
2
|
import { SpacingProp } from './space';
|
3
|
-
|
3
|
+
import { TransientProps } from './utilTypes';
|
4
|
+
type FlexFN = (arg: TransientFlexProps) => string;
|
4
5
|
export interface FlexProps {
|
5
6
|
direction?: ResponsiveProp<'column' | 'column-reverse' | 'row' | 'row-reverse'>;
|
6
7
|
wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
|
@@ -13,5 +14,6 @@ export interface FlexProps {
|
|
13
14
|
rowGap?: ResponsiveProp<SpacingProp>;
|
14
15
|
columnGap?: ResponsiveProp<SpacingProp>;
|
15
16
|
}
|
17
|
+
export type TransientFlexProps = TransientProps<FlexProps>;
|
16
18
|
export declare const flex: FlexFN;
|
17
19
|
export {};
|
package/dist/utils/flex.js
CHANGED
@@ -1,31 +1,31 @@
|
|
1
1
|
import { resolveResponsiveProp } from './responsiveProp';
|
2
2
|
import { resolveSpacing } from './space';
|
3
3
|
export const flex = (props) => {
|
4
|
-
const { flex, direction, wrap, flow, justifyContent, alignItems, alignContent, gap, columnGap, rowGap, } = props;
|
4
|
+
const { $flex, $direction, $wrap, $flow, $justifyContent, $alignItems, $alignContent, $gap, $columnGap, $rowGap, } = props;
|
5
5
|
return `
|
6
|
-
${flex ? `display: flex;` : ''}
|
7
|
-
${direction
|
8
|
-
? resolveResponsiveProp(direction, (value) => `flex-direction: ${value};`)
|
6
|
+
${$flex ? `display: flex;` : ''}
|
7
|
+
${$direction
|
8
|
+
? resolveResponsiveProp($direction, (value) => `flex-direction: ${value};`)
|
9
9
|
: ''}
|
10
|
-
${wrap ? `flex-wrap: ${wrap};` : ''}
|
11
|
-
${flow ? `flex-flow: ${flow};` : ''}
|
12
|
-
${justifyContent
|
13
|
-
? resolveResponsiveProp(justifyContent, (value) => `justify-content: ${value};`)
|
10
|
+
${$wrap ? `flex-wrap: ${$wrap};` : ''}
|
11
|
+
${$flow ? `flex-flow: ${$flow};` : ''}
|
12
|
+
${$justifyContent
|
13
|
+
? resolveResponsiveProp($justifyContent, (value) => `justify-content: ${value};`)
|
14
14
|
: ''}
|
15
|
-
${alignItems
|
16
|
-
? resolveResponsiveProp(alignItems, (value) => `align-items: ${value};`)
|
15
|
+
${$alignItems
|
16
|
+
? resolveResponsiveProp($alignItems, (value) => `align-items: ${value};`)
|
17
17
|
: ''}
|
18
|
-
${alignContent
|
19
|
-
? resolveResponsiveProp(alignContent, (value) => `align-content: ${value};`)
|
18
|
+
${$alignContent
|
19
|
+
? resolveResponsiveProp($alignContent, (value) => `align-content: ${value};`)
|
20
20
|
: ''}
|
21
|
-
${gap
|
22
|
-
? resolveResponsiveProp(gap, (value) => `gap: ${resolveSpacing(value)};`)
|
21
|
+
${$gap
|
22
|
+
? resolveResponsiveProp($gap, (value) => `gap: ${resolveSpacing(value)};`)
|
23
23
|
: ''}
|
24
|
-
${columnGap
|
25
|
-
? resolveResponsiveProp(columnGap, (value) => `column-gap: ${resolveSpacing(value)};`)
|
24
|
+
${$columnGap
|
25
|
+
? resolveResponsiveProp($columnGap, (value) => `column-gap: ${resolveSpacing(value)};`)
|
26
26
|
: ''}
|
27
|
-
${rowGap
|
28
|
-
? resolveResponsiveProp(rowGap, (value) => `row-gap: ${resolveSpacing(value)};`)
|
27
|
+
${$rowGap
|
28
|
+
? resolveResponsiveProp($rowGap, (value) => `row-gap: ${resolveSpacing(value)};`)
|
29
29
|
: ''}
|
30
30
|
`;
|
31
31
|
};
|
package/dist/utils/flex.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../src/utils/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAkB,MAAM,kBAAkB,CAAA;AACxE,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAA;
|
1
|
+
{"version":3,"file":"flex.js","sourceRoot":"","sources":["../../src/utils/flex.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAkB,MAAM,kBAAkB,CAAA;AACxE,OAAO,EAAE,cAAc,EAAe,MAAM,SAAS,CAAA;AAuCrD,MAAM,CAAC,MAAM,IAAI,GAAW,CAAC,KAAyB,EAAE,EAAE;IACxD,MAAM,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,KAAK,EACL,eAAe,EACf,WAAW,EACX,aAAa,EACb,IAAI,EACJ,UAAU,EACV,OAAO,GACR,GAAG,KAAK,CAAA;IAET,OAAO;MACH,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE;MAE7B,UAAU;QACR,CAAC,CAAC,qBAAqB,CACnB,UAAU,EACV,CAAC,KAAK,EAAE,EAAE,CAAC,mBAAmB,KAAK,GAAG,CACvC;QACH,CAAC,CAAC,EACN;MACE,KAAK,CAAC,CAAC,CAAC,cAAc,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;MACnC,KAAK,CAAC,CAAC,CAAC,cAAc,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;MAEnC,eAAe;QACb,CAAC,CAAC,qBAAqB,CACnB,eAAe,EACf,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAoB,KAAK,GAAG,CACxC;QACH,CAAC,CAAC,EACN;MAEE,WAAW;QACT,CAAC,CAAC,qBAAqB,CACnB,WAAW,EACX,CAAC,KAAK,EAAE,EAAE,CAAC,gBAAgB,KAAK,GAAG,CACpC;QACH,CAAC,CAAC,EACN;MAEE,aAAa;QACX,CAAC,CAAC,qBAAqB,CACnB,aAAa,EACb,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,KAAK,GAAG,CACtC;QACH,CAAC,CAAC,EACN;MAEE,IAAI;QACF,CAAC,CAAC,qBAAqB,CACnB,IAAI,EACJ,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,cAAc,CAAC,KAAK,CAAC,GAAG,CAC5C;QACH,CAAC,CAAC,EACN;MAEE,UAAU;QACR,CAAC,CAAC,qBAAqB,CACnB,UAAU,EACV,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,cAAc,CAAC,KAAK,CAAC,GAAG,CACnD;QACH,CAAC,CAAC,EACN;MAEE,OAAO;QACL,CAAC,CAAC,qBAAqB,CACnB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,cAAc,CAAC,KAAK,CAAC,GAAG,CAChD;QACH,CAAC,CAAC,EACN;GACD,CAAA;AACH,CAAC,CAAA"}
|
@@ -1,4 +1,4 @@
|
|
1
1
|
export declare const focusOutline: ({ selector, }?: {
|
2
2
|
selector?: string | undefined;
|
3
|
-
}) => import("styled-components").
|
4
|
-
export declare const focusOutlineStyle: import("styled-components").
|
3
|
+
}) => import("styled-components").RuleSet<object>;
|
4
|
+
export declare const focusOutlineStyle: import("styled-components").RuleSet<object>;
|
package/dist/utils/measure.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
|
-
|
1
|
+
import { TransientProps } from './utilTypes';
|
2
|
+
type MeasureFN = (arg: TransientMeasureProps) => string;
|
2
3
|
export interface MeasureProps {
|
3
4
|
width?: string;
|
4
5
|
maxWidth?: string;
|
@@ -7,5 +8,6 @@ export interface MeasureProps {
|
|
7
8
|
maxHeight?: string;
|
8
9
|
minHeight?: string;
|
9
10
|
}
|
11
|
+
export type TransientMeasureProps = TransientProps<MeasureProps>;
|
10
12
|
export declare const measure: MeasureFN;
|
11
13
|
export {};
|
package/dist/utils/measure.js
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
export const measure = (props) => {
|
2
|
-
const { width, height, maxWidth, minWidth, minHeight, maxHeight } = props;
|
2
|
+
const { $width, $height, $maxWidth, $minWidth, $minHeight, $maxHeight } = props;
|
3
3
|
return `
|
4
|
-
${width ? `width: ${width};` : ''}
|
5
|
-
${maxWidth ? `max-width: ${maxWidth};` : ''}
|
6
|
-
${minWidth ? `min-width: ${minWidth};` : ''}
|
7
|
-
${height ? `height: ${height};` : ''}
|
8
|
-
${minHeight ? `min-height: ${minHeight};` : ''}
|
9
|
-
${maxHeight ? `max-height: ${maxHeight};` : ''}
|
4
|
+
${$width ? `width: ${$width};` : ''}
|
5
|
+
${$maxWidth ? `max-width: ${$maxWidth};` : ''}
|
6
|
+
${$minWidth ? `min-width: ${$minWidth};` : ''}
|
7
|
+
${$height ? `height: ${$height};` : ''}
|
8
|
+
${$minHeight ? `min-height: ${$minHeight};` : ''}
|
9
|
+
${$maxHeight ? `max-height: ${$maxHeight};` : ''}
|
10
10
|
`;
|
11
11
|
};
|
12
12
|
//# sourceMappingURL=measure.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"measure.js","sourceRoot":"","sources":["../../src/utils/measure.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"measure.js","sourceRoot":"","sources":["../../src/utils/measure.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,MAAM,OAAO,GAAc,CAAC,KAA4B,EAAE,EAAE;IACjE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,GACrE,KAAK,CAAA;IAEP,OAAO;MACH,MAAM,CAAC,CAAC,CAAC,UAAU,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;MACjC,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE;MAC3C,SAAS,CAAC,CAAC,CAAC,cAAc,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE;MAC3C,OAAO,CAAC,CAAC,CAAC,WAAW,OAAO,GAAG,CAAC,CAAC,CAAC,EAAE;MACpC,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE;MAC9C,UAAU,CAAC,CAAC,CAAC,eAAe,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE;GACjD,CAAA;AACH,CAAC,CAAA"}
|
package/dist/utils/space.d.ts
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
import { ResponsiveProp } from './responsiveProp';
|
2
|
+
import { TransientProps } from './utilTypes';
|
2
3
|
type Spacing = '8px' | '12px' | '16px' | '24px' | '32px' | '48px' | '64px';
|
3
4
|
export type SpacingProp = '0' | Spacing | {
|
4
5
|
custom: number | string;
|
@@ -22,6 +23,8 @@ export interface PaddingProps {
|
|
22
23
|
pt?: ResponsiveProp<SpacingProp>;
|
23
24
|
pb?: ResponsiveProp<SpacingProp>;
|
24
25
|
}
|
25
|
-
export
|
26
|
-
export
|
26
|
+
export type TransientMarginProps = TransientProps<MarginProps>;
|
27
|
+
export type TransientPaddingProps = TransientProps<PaddingProps>;
|
28
|
+
export declare const margin: (props: TransientMarginProps) => string;
|
29
|
+
export declare const padding: (props: TransientPaddingProps) => string;
|
27
30
|
export {};
|
package/dist/utils/space.js
CHANGED
@@ -9,66 +9,66 @@ export const resolveSpacing = (value) => {
|
|
9
9
|
return `${value.custom}px`;
|
10
10
|
};
|
11
11
|
export const margin = (props) => {
|
12
|
-
const { m, mx, my, ml, mr, mt, mb } = props;
|
12
|
+
const { $m, $mx, $my, $ml, $mr, $mt, $mb } = props;
|
13
13
|
return `
|
14
|
-
${m
|
15
|
-
? resolveResponsiveProp(m, (value) => `margin: ${resolveSpacing(value)};`)
|
14
|
+
${$m
|
15
|
+
? resolveResponsiveProp($m, (value) => `margin: ${resolveSpacing(value)};`)
|
16
16
|
: ''}
|
17
|
-
${mx
|
18
|
-
? resolveResponsiveProp(mx, (value) => `
|
17
|
+
${$mx
|
18
|
+
? resolveResponsiveProp($mx, (value) => `
|
19
19
|
margin-left: ${resolveSpacing(value)};
|
20
20
|
margin-right: ${resolveSpacing(value)};
|
21
21
|
`)
|
22
22
|
: ''}
|
23
|
-
${my
|
24
|
-
? resolveResponsiveProp(my, (value) => `
|
23
|
+
${$my
|
24
|
+
? resolveResponsiveProp($my, (value) => `
|
25
25
|
margin-top: ${resolveSpacing(value)};
|
26
26
|
margin-bottom: ${resolveSpacing(value)};
|
27
27
|
`)
|
28
28
|
: ''}
|
29
|
-
${ml
|
30
|
-
? resolveResponsiveProp(ml, (value) => `margin-left: ${resolveSpacing(value)};`)
|
29
|
+
${$ml
|
30
|
+
? resolveResponsiveProp($ml, (value) => `margin-left: ${resolveSpacing(value)};`)
|
31
31
|
: ''}
|
32
|
-
${mr
|
33
|
-
? resolveResponsiveProp(mr, (value) => `margin-right: ${resolveSpacing(value)};`)
|
32
|
+
${$mr
|
33
|
+
? resolveResponsiveProp($mr, (value) => `margin-right: ${resolveSpacing(value)};`)
|
34
34
|
: ''}
|
35
|
-
${mt
|
36
|
-
? resolveResponsiveProp(mt, (value) => `margin-top: ${resolveSpacing(value)};`)
|
35
|
+
${$mt
|
36
|
+
? resolveResponsiveProp($mt, (value) => `margin-top: ${resolveSpacing(value)};`)
|
37
37
|
: ''}
|
38
|
-
${mb
|
39
|
-
? resolveResponsiveProp(mb, (value) => `margin-bottom: ${resolveSpacing(value)};`)
|
38
|
+
${$mb
|
39
|
+
? resolveResponsiveProp($mb, (value) => `margin-bottom: ${resolveSpacing(value)};`)
|
40
40
|
: ''}
|
41
41
|
`;
|
42
42
|
};
|
43
43
|
export const padding = (props) => {
|
44
|
-
const { p, px, py, pl, pr, pt, pb } = props;
|
44
|
+
const { $p, $px, $py, $pl, $pr, $pt, $pb } = props;
|
45
45
|
return `
|
46
|
-
${p
|
47
|
-
? resolveResponsiveProp(p, (value) => `padding: ${resolveSpacing(value)};`)
|
46
|
+
${$p
|
47
|
+
? resolveResponsiveProp($p, (value) => `padding: ${resolveSpacing(value)};`)
|
48
48
|
: ''}
|
49
|
-
${px
|
50
|
-
? resolveResponsiveProp(px, (value) => `
|
49
|
+
${$px
|
50
|
+
? resolveResponsiveProp($px, (value) => `
|
51
51
|
padding-left: ${resolveSpacing(value)};
|
52
52
|
padding-right: ${resolveSpacing(value)};
|
53
53
|
`)
|
54
54
|
: ''}
|
55
|
-
${py
|
56
|
-
? resolveResponsiveProp(py, (value) => `
|
55
|
+
${$py
|
56
|
+
? resolveResponsiveProp($py, (value) => `
|
57
57
|
padding-top: ${resolveSpacing(value)};
|
58
58
|
padding-bottom: ${resolveSpacing(value)};
|
59
59
|
`)
|
60
60
|
: ''}
|
61
|
-
${pl
|
62
|
-
? resolveResponsiveProp(pl, (value) => `padding-left: ${resolveSpacing(value)};`)
|
61
|
+
${$pl
|
62
|
+
? resolveResponsiveProp($pl, (value) => `padding-left: ${resolveSpacing(value)};`)
|
63
63
|
: ''}
|
64
|
-
${pr
|
65
|
-
? resolveResponsiveProp(pr, (value) => `padding-right: ${resolveSpacing(value)};`)
|
64
|
+
${$pr
|
65
|
+
? resolveResponsiveProp($pr, (value) => `padding-right: ${resolveSpacing(value)};`)
|
66
66
|
: ''}
|
67
|
-
${pt
|
68
|
-
? resolveResponsiveProp(pt, (value) => `padding-top: ${resolveSpacing(value)};`)
|
67
|
+
${$pt
|
68
|
+
? resolveResponsiveProp($pt, (value) => `padding-top: ${resolveSpacing(value)};`)
|
69
69
|
: ''}
|
70
|
-
${pb
|
71
|
-
? resolveResponsiveProp(pb, (value) => `padding-bottom: ${resolveSpacing(value)};`)
|
70
|
+
${$pb
|
71
|
+
? resolveResponsiveProp($pb, (value) => `padding-bottom: ${resolveSpacing(value)};`)
|
72
72
|
: ''}
|
73
73
|
`;
|
74
74
|
};
|
package/dist/utils/space.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"space.js","sourceRoot":"","sources":["../../src/utils/space.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAkB,MAAM,kBAAkB,CAAA;
|
1
|
+
{"version":3,"file":"space.js","sourceRoot":"","sources":["../../src/utils/space.tsx"],"names":[],"mappings":"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"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"utilTypes.js","sourceRoot":"","sources":["../../src/utils/utilTypes.ts"],"names":[],"mappings":""}
|