@uniai-fe/ui-legacy 0.1.17 → 0.1.19

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.
Files changed (7) hide show
  1. package/package.json +1 -1
  2. package/src/form-field/select/index.tsx +2 -0
  3. package/src/form-field/select/styles/styled-components/base.ts +2 -0
  4. package/src/modal/components/assets/layout/Body.tsx +5 -1
  5. package/src/modal/components/assets/layout/Footer.tsx +1 -1
  6. package/src/modal/components/assets/layout/Header.tsx +3 -1
  7. package/src/modal/components/basic/Container.tsx +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniai-fe/ui-legacy",
3
- "version": "0.1.17",
3
+ "version": "0.1.19",
4
4
  "description": "Legacy UI Toolkit for UNIAI FE Projects",
5
5
  "type": "module",
6
6
  "private": false,
package/src/form-field/select/index.tsx CHANGED
@@ -1,8 +1,10 @@
1
+ import SelectContainer from "./components/assets/Container";
1
2
  import SelectDefault from "./components/Default";
2
3
  import SelectMultipleCategoryList from "./components/MultipleCategoryList";
3
4
  import SelectMultipleDefault from "./components/MultipleDefault";
4
5
 
5
6
  const Select = {
7
+ Container: SelectContainer,
6
8
  Default: SelectDefault,
7
9
  Multiple: {
8
10
  Default: SelectMultipleDefault,
package/src/form-field/select/styles/styled-components/base.ts CHANGED
@@ -30,6 +30,8 @@ const selectedBox = styled.div<StyledBoxProps>`
30
30
  font-size: var(--select-selected-text-size);
31
31
  color: var(--select-selected-text-default);
32
32
  font-weight: 500;
33
+
34
+ text-align: left;
33
35
  }
34
36
  &.open {
35
37
  --button-bottom-radius: 0px;
package/src/modal/components/assets/layout/Body.tsx CHANGED
@@ -3,5 +3,9 @@
3
3
  import StyledModalLayout from "../../../styles/styled-components/layout";
4
4
 
5
5
  export default function ModalBody({ body }: { body: React.ReactNode }) {
6
- return <StyledModalLayout.body>{body}</StyledModalLayout.body>;
6
+ return (
7
+ <StyledModalLayout.body className="modal-body">
8
+ {body}
9
+ </StyledModalLayout.body>
10
+ );
7
11
  }
package/src/modal/components/assets/layout/Footer.tsx CHANGED
@@ -10,7 +10,7 @@ export default function ModalFooter({
10
10
  btns: (ModalFooterButtonType | null)[];
11
11
  }) {
12
12
  return (
13
- <StyledModalLayout.footer>
13
+ <StyledModalLayout.footer className="modal-footer">
14
14
  {btns.map(
15
15
  (btn, index) =>
16
16
  btn !== null && (
package/src/modal/components/assets/layout/Header.tsx CHANGED
@@ -24,16 +24,18 @@ export default function ModalHeader({
24
24
 
25
25
  return (
26
26
  <StyledModalLayout.header.container
27
+ className="modal-header-container"
27
28
  $isAlert={isAlert}
28
29
  $isNoTitle={isNoTitle}
29
30
  >
30
31
  {!isAlert && (
31
- <StyledModalLayout.header.title>
32
+ <StyledModalLayout.header.title className="modal-header-title">
32
33
  {typeof title === "string" ? <span>{title ?? ""}</span> : title}
33
34
  </StyledModalLayout.header.title>
34
35
  )}
35
36
  {isCloseBtn && (
36
37
  <StyledModalLayout.header.closeButton
38
+ className="modal-header-close-button"
37
39
  type="button"
38
40
  onClick={() => closeModal({ stackKey })}
39
41
  >
package/src/modal/components/basic/Container.tsx CHANGED
@@ -30,6 +30,7 @@ export default function ModalBasicContainer({
30
30
 
31
31
  return (
32
32
  <StyledModalBasic.container
33
+ className="modal-basic-container"
33
34
  $width={width}
34
35
  $layout={layoutType}
35
36
  $isFooter={typeof data?.footerBtns !== "undefined"}