@os-design/core 1.0.302 → 1.0.303

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 (4) hide show
  1. package/dist/Modal/index.d.ts.map +1 -1
  2. package/dist/Modal/index.js +4 -5
  3. package/package.json +2 -2
  4. package/src/Modal/index.tsx +4 -5
package/dist/Modal/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAsB,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE3E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,QAAQ;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;CACnB;AA2BD,KAAK,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAC7C,eAAO,MAAM,SAAS;;SA+Ed,MAAO,WACT;iGAtEL,CAAC;AAuJF,eAAO,MAAM,aAAa,cAF0B,IAEY,CAAC;AAEjE;;GAEG;AACH,QAAA,MAAM,KAAK,mFA+JV,CAAC;AAIF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Modal/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,KAAK,QAAQ,EAId,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAsB,EAAE,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE3E,KAAK,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7D,MAAM,WAAW,UAAW,SAAQ,WAAW,EAAE,QAAQ;IACvD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;CACnB;AA2BD,KAAK,SAAS,GAAG,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AAC7C,eAAO,MAAM,SAAS;;SA4ElB,MAAO,WAAW;iGAlErB,CAAC;AAsJF,eAAO,MAAM,aAAa,cAF0B,IAEY,CAAC;AAEjE;;GAEG;AACH,QAAA,MAAM,KAAK,mFA+JV,CAAC;AAIF,eAAe,KAAK,CAAC"}
package/dist/Modal/index.js CHANGED
@@ -59,12 +59,12 @@ const contentFadeOut = keyframes`
59
59
  to { transform: translateY(calc(var(--vh, 1vh) * 100 + ${MODAL_BOX_SHADOW_SIZE_EM}em)); }
60
60
  `;
61
61
  const contentFadeInXs = keyframes`
62
- from { transform: translateY(calc(-100% - ${MODAL_BOX_SHADOW_SIZE_EM}em)); }
63
- to { transform: translateY(6em); }
62
+ from { transform: translateX(-50%) translateY(calc(-100% - ${MODAL_BOX_SHADOW_SIZE_EM}em)); }
63
+ to { transform: translateX(-50%) translateY(6em); }
64
64
  `;
65
65
  const contentFadeOutXs = keyframes`
66
- from { transform: translateY(6em); }
67
- to { transform: translateY(calc(-100% - ${MODAL_BOX_SHADOW_SIZE_EM}em)); }
66
+ from { transform: translateX(-50%) translateY(6em); }
67
+ to { transform: translateX(-50%) translateY(calc(-100% - ${MODAL_BOX_SHADOW_SIZE_EM}em)); }
68
68
  `;
69
69
  const contentVisibleStyles = p => p.visible && css`
70
70
  animation: ${contentFadeIn} ${p.theme.transitionDelay}ms forwards;
@@ -101,7 +101,6 @@ const Content = styled('div', omitEmotionProps('visible', 'size'))`
101
101
  border-radius: ${p => p.theme.borderRadius}em;
102
102
 
103
103
  left: 50%;
104
- margin-left: ${p => -p.theme.modalWidth / 2}em;
105
104
  }
106
105
 
107
106
  ${contentVisibleStyles};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@os-design/core",
3
- "version": "1.0.302",
3
+ "version": "1.0.303",
4
4
  "license": "UNLICENSED",
5
5
  "repository": "git@gitlab.com:os-team/libs/os-design.git",
6
6
  "type": "module",
@@ -58,5 +58,5 @@
58
58
  "react": "18",
59
59
  "react-dom": "18"
60
60
  },
61
- "gitHead": "bebbb1832f82b9c17391e60a8e7a46fc6729dbc4"
61
+ "gitHead": "0ef5d7b8bcfefd958d3a51f5181cd6de2ef5ae27"
62
62
  }
package/src/Modal/index.tsx CHANGED
@@ -153,13 +153,13 @@ const contentFadeOut = keyframes`
153
153
  `;
154
154
 
155
155
  const contentFadeInXs = keyframes`
156
- from { transform: translateY(calc(-100% - ${MODAL_BOX_SHADOW_SIZE_EM}em)); }
157
- to { transform: translateY(6em); }
156
+ from { transform: translateX(-50%) translateY(calc(-100% - ${MODAL_BOX_SHADOW_SIZE_EM}em)); }
157
+ to { transform: translateX(-50%) translateY(6em); }
158
158
  `;
159
159
 
160
160
  const contentFadeOutXs = keyframes`
161
- from { transform: translateY(6em); }
162
- to { transform: translateY(calc(-100% - ${MODAL_BOX_SHADOW_SIZE_EM}em)); }
161
+ from { transform: translateX(-50%) translateY(6em); }
162
+ to { transform: translateX(-50%) translateY(calc(-100% - ${MODAL_BOX_SHADOW_SIZE_EM}em)); }
163
163
  `;
164
164
 
165
165
  const contentVisibleStyles = (p) =>
@@ -207,7 +207,6 @@ const Content = styled(
207
207
  border-radius: ${(p) => p.theme.borderRadius}em;
208
208
 
209
209
  left: 50%;
210
- margin-left: ${(p) => -p.theme.modalWidth / 2}em;
211
210
  }
212
211
 
213
212
  ${contentVisibleStyles};