oolib 2.139.0 → 2.139.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.
|
@@ -76,105 +76,5 @@ var ButtonPrimary = function (props) { return (react_1.default.createElement(But
|
|
|
76
76
|
exports.ButtonPrimary = ButtonPrimary;
|
|
77
77
|
var ButtonSecondary = function (props) { return (react_1.default.createElement(Button, { props: props, variant: "secondary" })); };
|
|
78
78
|
exports.ButtonSecondary = ButtonSecondary;
|
|
79
|
-
// export const ButtonCustom: React.FunctionComponent<ButtonProps> = (props) => (
|
|
80
|
-
// <Button props={props} variant={"custom"} />
|
|
81
|
-
// );
|
|
82
79
|
var ButtonGhost = function (props) { return (react_1.default.createElement(Button, { props: props, variant: "ghost" })); };
|
|
83
80
|
exports.ButtonGhost = ButtonGhost;
|
|
84
|
-
// interface UploadButtonProps {
|
|
85
|
-
// mutilple?: boolean;
|
|
86
|
-
// onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
87
|
-
// variant?: string;
|
|
88
|
-
// id?: string;
|
|
89
|
-
// accept?: string;
|
|
90
|
-
// [key: string]: any;
|
|
91
|
-
// }
|
|
92
|
-
// /**
|
|
93
|
-
// * Renders an upload button component.
|
|
94
|
-
// *
|
|
95
|
-
// * @param {UploadButtonProps} props - The props for the upload button component.
|
|
96
|
-
// * @return {React.ReactNode} The rendered upload button component.
|
|
97
|
-
// */
|
|
98
|
-
// export const UploadButton: React.FunctionComponent<UploadButtonProps> = (props) => {
|
|
99
|
-
// const inputRef = useRef<HTMLInputElement>(null);
|
|
100
|
-
// const { mutilple, onChange, variant, id, accept } = props;
|
|
101
|
-
// const handleFileUpload = () => {
|
|
102
|
-
// inputRef.current?.click();
|
|
103
|
-
// };
|
|
104
|
-
// return (
|
|
105
|
-
// <>
|
|
106
|
-
// <input
|
|
107
|
-
// id={id}
|
|
108
|
-
// ref={inputRef}
|
|
109
|
-
// type="file"
|
|
110
|
-
// accept={accept}
|
|
111
|
-
// multiple={mutilple}
|
|
112
|
-
// onChange={onChange}
|
|
113
|
-
// style={{ display: "none" }}
|
|
114
|
-
// />
|
|
115
|
-
// <ButtonStyledWrapper
|
|
116
|
-
// props={{
|
|
117
|
-
// ...props,
|
|
118
|
-
// onClick: handleFileUpload,
|
|
119
|
-
// }}
|
|
120
|
-
// variant={variant || "secondary"}
|
|
121
|
-
// />
|
|
122
|
-
// </>
|
|
123
|
-
// );
|
|
124
|
-
// };
|
|
125
|
-
// export interface GoogleLoginProps {
|
|
126
|
-
// theme?: string;
|
|
127
|
-
// S?: boolean;
|
|
128
|
-
// disabled?: boolean;
|
|
129
|
-
// width?: string;
|
|
130
|
-
// className?: string;
|
|
131
|
-
// style?: React.CSSProperties;
|
|
132
|
-
// value?: string;
|
|
133
|
-
// children?: React.ReactNode;
|
|
134
|
-
// onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
135
|
-
// }
|
|
136
|
-
// /**
|
|
137
|
-
// * Renders a Google login button component.
|
|
138
|
-
// *
|
|
139
|
-
// * @props - The props for the Google login button component.
|
|
140
|
-
// * @prop {string} props.theme - The theme for the button.
|
|
141
|
-
// * @prop {string} props.S - The size of the button.
|
|
142
|
-
// * @prop {boolean} props.disabled - Whether the button is disabled or not.
|
|
143
|
-
// * @prop {string} props.width - The width of the button.
|
|
144
|
-
// * @prop {string} props.className - The class name of the button.
|
|
145
|
-
// * @prop {React.CSSProperties} props.style - The inline style of the button.
|
|
146
|
-
// * @prop {string} props.value - The value of the button.
|
|
147
|
-
// * @prop {React.ReactNode} props.children - The children of the button.
|
|
148
|
-
// * @prop {Function} props.onClick - The click event handler for the button.
|
|
149
|
-
// * @return {React.ReactNode} The rendered Google login button component.
|
|
150
|
-
// */
|
|
151
|
-
// export const GoogleLogin: React.FunctionComponent<GoogleLoginProps> = (props) => {
|
|
152
|
-
// const {
|
|
153
|
-
// theme,
|
|
154
|
-
// S,
|
|
155
|
-
// disabled,
|
|
156
|
-
// width,
|
|
157
|
-
// className,
|
|
158
|
-
// style,
|
|
159
|
-
// value,
|
|
160
|
-
// children,
|
|
161
|
-
// onClick,
|
|
162
|
-
// } = props;
|
|
163
|
-
// const displayText = value || children || "Sign up with Google";
|
|
164
|
-
// const size = (S && `S`) || "M";
|
|
165
|
-
// return (
|
|
166
|
-
// <ButtonStyled
|
|
167
|
-
// size={size}
|
|
168
|
-
// disabled={disabled}
|
|
169
|
-
// width={width}
|
|
170
|
-
// onClick={onClick}
|
|
171
|
-
// variant="googleAuth"
|
|
172
|
-
// theme={theme}
|
|
173
|
-
// style={style}
|
|
174
|
-
// className={className}
|
|
175
|
-
// >
|
|
176
|
-
// <DisplayIcon icon={"OkeGoogleIcon"} size={24} />
|
|
177
|
-
// {displayText && <UI_BODY_BOLD_SM semibold>{displayText}</UI_BODY_BOLD_SM>}
|
|
178
|
-
// </ButtonStyled>
|
|
179
|
-
// );
|
|
180
|
-
// };
|
|
@@ -100,83 +100,5 @@ exports.ButtonStyled = styled_components_1.default.button(templateObject_16 || (
|
|
|
100
100
|
var variant = _a.variant;
|
|
101
101
|
return buttonVariantSetting[variant];
|
|
102
102
|
});
|
|
103
|
-
exports.Styled_UI_BODY_BOLD_SM = (0, styled_components_1.default)(Typo2_1.UI_BODY_BOLD_SM)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"
|
|
104
|
-
// export interface GoogleButtonProps {
|
|
105
|
-
// disabled?: boolean;
|
|
106
|
-
// }
|
|
107
|
-
// const GoogleButton = css<GoogleButtonProps>`
|
|
108
|
-
// color: #4285f4;
|
|
109
|
-
// border: 2px solid #4285f4;
|
|
110
|
-
// background-color: ${white};
|
|
111
|
-
// ${({ disabled }) =>
|
|
112
|
-
// disabled &&
|
|
113
|
-
// css`
|
|
114
|
-
// pointer-events: none;
|
|
115
|
-
// `}
|
|
116
|
-
// `;
|
|
117
|
-
// const ButtonCustom = css<ButtonVariantProps>`
|
|
118
|
-
// border: 2px solid ${({ theme: { colors } }) => getPrimaryContainer100(colors)};
|
|
119
|
-
// box-shadow: -4px 4px 1px ${({ theme: { colors } }) => getPrimaryContainer100(colors)};
|
|
120
|
-
// background-color: ${white};
|
|
121
|
-
// color: ${({ theme: { colors } }) => getPrimaryContainerText(colors)};
|
|
122
|
-
// ${({ color }) =>
|
|
123
|
-
// color &&
|
|
124
|
-
// css`
|
|
125
|
-
// color: ${color};
|
|
126
|
-
// `}
|
|
127
|
-
// ${({ disabled }) =>
|
|
128
|
-
// disabled &&
|
|
129
|
-
// css`
|
|
130
|
-
// color: ${greyColor40};
|
|
131
|
-
// border: 2px solid ${greyColor40}; // $darkShadowColor : $greyColor15;
|
|
132
|
-
// box-shadow: -4px 4px 1px ${greyColor40};
|
|
133
|
-
// pointer-events: none;
|
|
134
|
-
// background-color: white
|
|
135
|
-
// `}
|
|
136
|
-
// ${({ forceHover }) => forceHover && hoverStylingCustom}
|
|
137
|
-
// @media (hover: hover) {
|
|
138
|
-
// &:hover {
|
|
139
|
-
// ${hoverStylingCustom}
|
|
140
|
-
// }
|
|
141
|
-
// }
|
|
142
|
-
// `;])), mixins_1.ellipsis);
|
|
103
|
+
exports.Styled_UI_BODY_BOLD_SM = (0, styled_components_1.default)(Typo2_1.UI_BODY_BOLD_SM)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), mixins_1.ellipsis);
|
|
143
104
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
|
|
144
|
-
// export interface GoogleButtonProps {
|
|
145
|
-
// disabled?: boolean;
|
|
146
|
-
// }
|
|
147
|
-
// const GoogleButton = css<GoogleButtonProps>`
|
|
148
|
-
// color: #4285f4;
|
|
149
|
-
// border: 2px solid #4285f4;
|
|
150
|
-
// background-color: ${white};
|
|
151
|
-
// ${({ disabled }) =>
|
|
152
|
-
// disabled &&
|
|
153
|
-
// css`
|
|
154
|
-
// pointer-events: none;
|
|
155
|
-
// `}
|
|
156
|
-
// `;
|
|
157
|
-
// const ButtonCustom = css<ButtonVariantProps>`
|
|
158
|
-
// border: 2px solid ${({ theme: { colors } }) => getPrimaryContainer100(colors)};
|
|
159
|
-
// box-shadow: -4px 4px 1px ${({ theme: { colors } }) => getPrimaryContainer100(colors)};
|
|
160
|
-
// background-color: ${white};
|
|
161
|
-
// color: ${({ theme: { colors } }) => getPrimaryContainerText(colors)};
|
|
162
|
-
// ${({ color }) =>
|
|
163
|
-
// color &&
|
|
164
|
-
// css`
|
|
165
|
-
// color: ${color};
|
|
166
|
-
// `}
|
|
167
|
-
// ${({ disabled }) =>
|
|
168
|
-
// disabled &&
|
|
169
|
-
// css`
|
|
170
|
-
// color: ${greyColor40};
|
|
171
|
-
// border: 2px solid ${greyColor40}; // $darkShadowColor : $greyColor15;
|
|
172
|
-
// box-shadow: -4px 4px 1px ${greyColor40};
|
|
173
|
-
// pointer-events: none;
|
|
174
|
-
// background-color: white
|
|
175
|
-
// `}
|
|
176
|
-
// ${({ forceHover }) => forceHover && hoverStylingCustom}
|
|
177
|
-
// @media (hover: hover) {
|
|
178
|
-
// &:hover {
|
|
179
|
-
// ${hoverStylingCustom}
|
|
180
|
-
// }
|
|
181
|
-
// }
|
|
182
|
-
// `;
|