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
- // `;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "oolib",
3
- "version": "2.139.0",
3
+ "version": "2.139.1",
4
4
  "description": " OKE Component Library",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",