@gnist/design-system 6.2.0 → 6.2.2

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 (8) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/components/surfaces/modal/Modal.cjs +1 -0
  3. package/dist/components/surfaces/modal/Modal.d.ts.map +1 -1
  4. package/dist/components/surfaces/modal/Modal.js +1 -0
  5. package/dist/components/surfaces/modal/modal.css.cjs +7 -6
  6. package/dist/components/surfaces/modal/modal.css.d.ts.map +1 -1
  7. package/dist/components/surfaces/modal/modal.css.js +7 -6
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [6.2.2](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.2.1...@gnist/design-system@6.2.2) (2026-05-21)
7
+
8
+ ### Bug Fixes
9
+
10
+ * adjust modal padding when modal has scrollable content ([12e0b08](https://github.com/mollerdigital/design-system-design-system/commit/12e0b08b510e797a62cbfe4f43cef877c0a0f939))
11
+
12
+ ## [6.2.1](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.2.0...@gnist/design-system@6.2.1) (2026-05-18)
13
+
14
+ ### Bug Fixes
15
+
16
+ * set border radius of modal to use border overlay token ([b4b614f](https://github.com/mollerdigital/design-system-design-system/commit/b4b614f3a3d2513dd2298ee5b89e37c54b26b6d9))
17
+
6
18
  ## [6.2.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.1.1...@gnist/design-system@6.2.0) (2026-05-13)
7
19
 
8
20
  ### Features
package/dist/components/surfaces/modal/Modal.cjs CHANGED
@@ -17,6 +17,7 @@ let react_dom = require("react-dom");
17
17
  var hasScroll = (size, height) => {
18
18
  switch (size) {
19
19
  case "fullscreen": return true;
20
+ case "x-large":
20
21
  case "large": return height > 654;
21
22
  case "medium": return height > 487;
22
23
  default: return height > 271;
package/dist/components/surfaces/modal/Modal.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,4CAAsE;AAKjG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKH,UAAU,EAIb,uBAAmD;AAEpD,UAAU,MAAO,SAAQ,gBAAgB,CAAC,QAAQ,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACvB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6GAA6G;IAC7G,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+GAA+G;IAC/G,eAAe,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1C,4BAA4B;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACnC;AAeD;;;;;;;;;;;GAWG;AAEH,wBAAgB,KAAK,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAW,EACX,IAAe,EACf,aAAa,EACb,eAAe,EACf,MAAM,EACN,eAAsC,EACtC,GAAG,EACH,SAAS,GACZ,EAAE,UAAU,4BAmIZ"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/Modal.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,4CAAsE;AAKjG,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAKH,UAAU,EAIb,uBAAmD;AAEpD,UAAU,MAAO,SAAQ,gBAAgB,CAAC,QAAQ,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACvB,uCAAuC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,8CAA8C;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,kCAAkC;IAClC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6GAA6G;IAC7G,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,+GAA+G;IAC/G,eAAe,CAAC,EAAE,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAC1C,4BAA4B;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACnC;AAgBD;;;;;;;;;;;GAWG;AAEH,wBAAgB,KAAK,CAAC,EAClB,QAAQ,EACR,KAAK,EACL,MAAM,EACN,WAAW,EACX,IAAe,EACf,aAAa,EACb,eAAe,EACf,MAAM,EACN,eAAsC,EACtC,GAAG,EACH,SAAS,GACZ,EAAE,UAAU,4BAmIZ"}
package/dist/components/surfaces/modal/Modal.js CHANGED
@@ -15,6 +15,7 @@ import { createPortal } from "react-dom";
15
15
  var hasScroll = (size, height) => {
16
16
  switch (size) {
17
17
  case "fullscreen": return true;
18
+ case "x-large":
18
19
  case "large": return height > 654;
19
20
  case "medium": return height > 487;
20
21
  default: return height > 271;
package/dist/components/surfaces/modal/modal.css.cjs CHANGED
@@ -51,7 +51,8 @@ var dialogRecipe = (0, _vanilla_extract_recipes.recipe)({
51
51
  color: "on-surface",
52
52
  display: "flex",
53
53
  flexDirection: "column",
54
- justifyContent: "space-between"
54
+ justifyContent: "space-between",
55
+ borderRadius: "overlay"
55
56
  }), {
56
57
  boxSizing: "border-box",
57
58
  overflow: "auto",
@@ -158,33 +159,33 @@ var contentContainerRecipe = (0, _vanilla_extract_recipes.recipe)({
158
159
  size: "x-large",
159
160
  hasScroll: true
160
161
  },
161
- style: { paddingBottom: dialogPadding("x-large") }
162
+ style: { padding: dialogPadding("x-large") }
162
163
  },
163
164
  {
164
165
  variants: {
165
166
  size: "large",
166
167
  hasScroll: true
167
168
  },
168
- style: { paddingBottom: dialogPadding("large") }
169
+ style: { padding: dialogPadding("large") }
169
170
  },
170
171
  {
171
172
  variants: {
172
173
  size: "medium",
173
174
  hasScroll: true
174
175
  },
175
- style: { paddingBottom: dialogPadding("medium") }
176
+ style: { padding: dialogPadding("medium") }
176
177
  },
177
178
  {
178
179
  variants: {
179
180
  size: "small",
180
181
  hasScroll: true
181
182
  },
182
- style: { paddingBottom: dialogPadding("small") }
183
+ style: { padding: dialogPadding("small") }
183
184
  }
184
185
  ]
185
186
  });
186
187
  var actionRowPaddingBySize = (size) => (0, _vanilla_extract_css.style)({
187
- paddingTop: (0, _vanilla_extract_css_utils.calc)(dialogPadding(size)).add(_gnist_themes_tokens_css_js.tokens.spacing.xxs).toString(),
188
+ paddingTop: dialogPadding(size),
188
189
  paddingRight: dialogPadding(size),
189
190
  paddingLeft: dialogPadding(size)
190
191
  });
package/dist/components/surfaces/modal/modal.css.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.css.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/modal.css.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAChB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,YAAY,CAAC;AAEnB,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAmBrB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAE5B,CAAC;AAeH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EvB,CAAC;AASH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;EAkC1B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;EAiEjC,CAAC;AAWH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;EA0C1B,CAAC"}
1
+ {"version":3,"file":"modal.css.d.ts","sourceRoot":"","sources":["../../../../src/components/surfaces/modal/modal.css.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,UAAU,GAChB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,YAAY,CAAC;AAEnB,eAAO,MAAM,aAAa,QASxB,CAAC;AAEH,eAAO,MAAM,UAAU,QAmBrB,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAE5B,CAAC;AAeH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EvB,CAAC;AASH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;EAkC1B,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;EAiEjC,CAAC;AASH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;EA0C1B,CAAC"}
package/dist/components/surfaces/modal/modal.css.js CHANGED
@@ -50,7 +50,8 @@ var dialogRecipe = recipe({
50
50
  color: "on-surface",
51
51
  display: "flex",
52
52
  flexDirection: "column",
53
- justifyContent: "space-between"
53
+ justifyContent: "space-between",
54
+ borderRadius: "overlay"
54
55
  }), {
55
56
  boxSizing: "border-box",
56
57
  overflow: "auto",
@@ -157,33 +158,33 @@ var contentContainerRecipe = recipe({
157
158
  size: "x-large",
158
159
  hasScroll: true
159
160
  },
160
- style: { paddingBottom: dialogPadding("x-large") }
161
+ style: { padding: dialogPadding("x-large") }
161
162
  },
162
163
  {
163
164
  variants: {
164
165
  size: "large",
165
166
  hasScroll: true
166
167
  },
167
- style: { paddingBottom: dialogPadding("large") }
168
+ style: { padding: dialogPadding("large") }
168
169
  },
169
170
  {
170
171
  variants: {
171
172
  size: "medium",
172
173
  hasScroll: true
173
174
  },
174
- style: { paddingBottom: dialogPadding("medium") }
175
+ style: { padding: dialogPadding("medium") }
175
176
  },
176
177
  {
177
178
  variants: {
178
179
  size: "small",
179
180
  hasScroll: true
180
181
  },
181
- style: { paddingBottom: dialogPadding("small") }
182
+ style: { padding: dialogPadding("small") }
182
183
  }
183
184
  ]
184
185
  });
185
186
  var actionRowPaddingBySize = (size) => style({
186
- paddingTop: calc(dialogPadding(size)).add(tokens.spacing.xxs).toString(),
187
+ paddingTop: dialogPadding(size),
187
188
  paddingRight: dialogPadding(size),
188
189
  paddingLeft: dialogPadding(size)
189
190
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gnist/design-system",
3
- "version": "6.2.0",
3
+ "version": "6.2.2",
4
4
  "license": "UNLICENSED",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -104,5 +104,5 @@
104
104
  "optional": true
105
105
  }
106
106
  },
107
- "gitHead": "4b566e61251788b32995e5be9b688507a9df0507"
107
+ "gitHead": "4f8712e9401ef03b9fae0073e9d195064aac4f05"
108
108
  }