@os-design/core 1.0.301 → 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 +5 -5
  3. package/package.json +2 -2
  4. package/src/Modal/index.tsx +5 -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;AAsJF,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;
@@ -96,11 +96,11 @@ const Content = styled('div', omitEmotionProps('visible', 'size'))`
96
96
 
97
97
  ${m.min.xs} {
98
98
  width: ${p => p.theme.modalWidth}em;
99
+ max-width: 100%;
99
100
  max-height: unset;
100
101
  border-radius: ${p => p.theme.borderRadius}em;
101
102
 
102
103
  left: 50%;
103
- margin-left: ${p => -p.theme.modalWidth / 2}em;
104
104
  }
105
105
 
106
106
  ${contentVisibleStyles};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@os-design/core",
3
- "version": "1.0.301",
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": "8b637ed3c8b8e3f3f1223be76bc42cc49579b8f6"
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) =>
@@ -202,11 +202,11 @@ const Content = styled(
202
202
 
203
203
  ${m.min.xs} {
204
204
  width: ${(p) => p.theme.modalWidth}em;
205
+ max-width: 100%;
205
206
  max-height: unset;
206
207
  border-radius: ${(p) => p.theme.borderRadius}em;
207
208
 
208
209
  left: 50%;
209
- margin-left: ${(p) => -p.theme.modalWidth / 2}em;
210
210
  }
211
211
 
212
212
  ${contentVisibleStyles};