oolib 2.139.0 → 2.140.0

package/dist/icons/index.d.ts

@@ -111,6 +111,9 @@ export namespace icons {
     export { MagicWand };
     export { CrownSimple };
     export { Funnel };
+    export { ThumbsDown };
+    export { CopySimple };
+    export { PaperPlaneRight };
     export { OkeGoogleIcon };
     export { LetterH };
     export { IndexIcon };
@@ -285,6 +288,9 @@ import { SquareHalfBottom } from 'phosphor-react';
 import { MagicWand } from 'phosphor-react';
 import { CrownSimple } from 'phosphor-react';
 import { Funnel } from 'phosphor-react';
+import { ThumbsDown } from 'phosphor-react';
+import { CopySimple } from 'phosphor-react';
+import { PaperPlaneRight } from 'phosphor-react';
 import { OkeGoogleIcon } from "./custom";
 import { LetterH } from "./custom";
 import { IndexIcon } from "./custom";

package/dist/icons/index.js

@@ -116,6 +116,9 @@ exports.icons = {
     MagicWand: phosphor_react_1.MagicWand,
     CrownSimple: phosphor_react_1.CrownSimple,
     Funnel: phosphor_react_1.Funnel,
+    ThumbsDown: phosphor_react_1.ThumbsDown,
+    CopySimple: phosphor_react_1.CopySimple,
+    PaperPlaneRight: phosphor_react_1.PaperPlaneRight,
     //custom
     OkeGoogleIcon: custom_1.OkeGoogleIcon,
     LetterH: custom_1.LetterH,

package/dist/v2/components/Buttons/index.js

@@ -76,105 +76,5 @@ var ButtonPrimary = function (props) { return (react_1.default.createElement(But
 exports.ButtonPrimary = ButtonPrimary;
 var ButtonSecondary = function (props) { return (react_1.default.createElement(Button, { props: props, variant: "secondary" })); };
 exports.ButtonSecondary = ButtonSecondary;
-// export const ButtonCustom: React.FunctionComponent<ButtonProps> = (props) => (
-//  <Button props={props} variant={"custom"} />
-// );
 var ButtonGhost = function (props) { return (react_1.default.createElement(Button, { props: props, variant: "ghost" })); };
 exports.ButtonGhost = ButtonGhost;
-// interface UploadButtonProps {
-//  mutilple?: boolean;
-//  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
-//  variant?: string;
-//  id?: string;
-//  accept?: string;
-//  [key: string]: any;
-// }
-// /**
-//  * Renders an upload button component.
-//  *
-//  * @param {UploadButtonProps} props - The props for the upload button component.
-//  * @return {React.ReactNode} The rendered upload button component.
-//  */
-// export const UploadButton: React.FunctionComponent<UploadButtonProps> = (props) => {
-//  const inputRef = useRef<HTMLInputElement>(null);
-//  const { mutilple, onChange, variant, id, accept } = props;
-//  const handleFileUpload = () => {
-//    inputRef.current?.click();
-//  };
-//  return (
-//    <>
-//      <input
-//        id={id}
-//        ref={inputRef}
-//        type="file"
-//        accept={accept}
-//        multiple={mutilple}
-//        onChange={onChange}
-//        style={{ display: "none" }}
-//      />
-//      <ButtonStyledWrapper
-//        props={{
-//          ...props,
-//          onClick: handleFileUpload,
-//        }}
-//        variant={variant || "secondary"}
-//      />
-//    </>
-//  );
-// };
-// export interface GoogleLoginProps {
-//  theme?: string;
-//  S?: boolean;
-//  disabled?: boolean;
-//  width?: string;
-//  className?: string;
-//  style?: React.CSSProperties;
-//  value?: string;
-//  children?: React.ReactNode;
-//  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-// }
-// /**
-//  * Renders a Google login button component.
-//  *
-//  * @props - The props for the Google login button component.
-//  * @prop {string} props.theme - The theme for the button.
-//  * @prop {string} props.S - The size of the button.
-//  * @prop {boolean} props.disabled - Whether the button is disabled or not.
-//  * @prop {string} props.width - The width of the button.
-//  * @prop {string} props.className - The class name of the button.
-//  * @prop {React.CSSProperties} props.style - The inline style of the button.
-//  * @prop {string} props.value - The value of the button.
-//  * @prop {React.ReactNode} props.children - The children of the button.
-//  * @prop {Function} props.onClick - The click event handler for the button.
-//  * @return {React.ReactNode} The rendered Google login button component.
-//  */
-// export const GoogleLogin: React.FunctionComponent<GoogleLoginProps> = (props) => {
-//  const {
-//    theme,
-//    S,
-//    disabled,
-//    width,
-//    className,
-//    style,
-//    value,
-//    children,
-//    onClick,
-//  } = props;
-//  const displayText = value || children || "Sign up with Google";
-//  const size = (S && `S`) || "M";
-//  return (
-//    <ButtonStyled
-//      size={size}
-//      disabled={disabled}
-//      width={width}
-//      onClick={onClick}
-//      variant="googleAuth"
-//      theme={theme}
-//      style={style}
-//      className={className}
-//    > 
-//    <DisplayIcon icon={"OkeGoogleIcon"} size={24} />
-//    {displayText && <UI_BODY_BOLD_SM semibold>{displayText}</UI_BODY_BOLD_SM>}
-//  </ButtonStyled>
-//   );
-// };

package/dist/v2/components/Buttons/styled.js

@@ -100,83 +100,5 @@ exports.ButtonStyled = styled_components_1.default.button(templateObject_16 || (
     var variant = _a.variant;
     return buttonVariantSetting[variant];
 });
-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"
-    // export interface GoogleButtonProps {
-    //   disabled?: boolean;
-    // }
-    // const GoogleButton = css<GoogleButtonProps>`
-    //   color: #4285f4;
-    //   border: 2px solid #4285f4;
-    //   background-color: ${white};
-    //   ${({ disabled }) =>
-    //     disabled &&
-    //     css`
-    //       pointer-events: none;
-    //     `}
-    // `;
-    // const ButtonCustom = css<ButtonVariantProps>`
-    //   border: 2px solid ${({ theme: { colors } }) => getPrimaryContainer100(colors)};
-    //   box-shadow: -4px 4px 1px ${({ theme: { colors } }) => getPrimaryContainer100(colors)};
-    //   background-color: ${white};
-    //   color: ${({ theme: { colors } }) => getPrimaryContainerText(colors)};
-    //   ${({ color }) =>
-    //     color &&
-    //     css`
-    //       color: ${color};
-    //     `}
-    //   ${({ disabled }) =>
-    //     disabled &&
-    //     css`
-    //       color: ${greyColor40};
-    //       border: 2px solid ${greyColor40}; // $darkShadowColor : $greyColor15;
-    //       box-shadow: -4px 4px 1px ${greyColor40};
-    //       pointer-events: none;
-    //       background-color: white
-    //     `}
-    //  ${({ forceHover }) => forceHover && hoverStylingCustom}  
-    //  @media (hover: hover) {
-    //     &:hover {
-    //       ${hoverStylingCustom}
-    //     }
-    //   }
-    // `;])), mixins_1.ellipsis);
+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);
 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;
-// export interface GoogleButtonProps {
-//   disabled?: boolean;
-// }
-// const GoogleButton = css<GoogleButtonProps>`
-//   color: #4285f4;
-//   border: 2px solid #4285f4;
-//   background-color: ${white};
-//   ${({ disabled }) =>
-//     disabled &&
-//     css`
-//       pointer-events: none;
-//     `}
-// `;
-// const ButtonCustom = css<ButtonVariantProps>`
-//   border: 2px solid ${({ theme: { colors } }) => getPrimaryContainer100(colors)};
-//   box-shadow: -4px 4px 1px ${({ theme: { colors } }) => getPrimaryContainer100(colors)};
-//   background-color: ${white};
-//   color: ${({ theme: { colors } }) => getPrimaryContainerText(colors)};
-//   ${({ color }) =>
-//     color &&
-//     css`
-//       color: ${color};
-//     `}
-//   ${({ disabled }) =>
-//     disabled &&
-//     css`
-//       color: ${greyColor40};
-//       border: 2px solid ${greyColor40}; // $darkShadowColor : $greyColor15;
-//       box-shadow: -4px 4px 1px ${greyColor40};
-//       pointer-events: none;
-//       background-color: white
-//     `}
-//  ${({ forceHover }) => forceHover && hoverStylingCustom}  
-//  @media (hover: hover) {
-//     &:hover {
-//       ${hoverStylingCustom}
-//     }
-//   }
-// `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.139.0",
+  "version": "2.140.0",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",