@gnist/design-system 6.2.1 → 6.2.3

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 +10 -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 +5 -5
  6. package/dist/components/surfaces/modal/modal.css.d.ts.map +1 -1
  7. package/dist/components/surfaces/modal/modal.css.js +5 -5
  8. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,16 @@
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.3](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.2.2...@gnist/design-system@6.2.3) (2026-05-26)
7
+
8
+ **Note:** Version bump only for package @gnist/design-system
9
+
10
+ ## [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)
11
+
12
+ ### Bug Fixes
13
+
14
+ * adjust modal padding when modal has scrollable content ([12e0b08](https://github.com/mollerdigital/design-system-design-system/commit/12e0b08b510e797a62cbfe4f43cef877c0a0f939))
15
+
6
16
  ## [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)
7
17
 
8
18
  ### Bug Fixes
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
@@ -159,33 +159,33 @@ var contentContainerRecipe = (0, _vanilla_extract_recipes.recipe)({
159
159
  size: "x-large",
160
160
  hasScroll: true
161
161
  },
162
- style: { paddingBottom: dialogPadding("x-large") }
162
+ style: { padding: dialogPadding("x-large") }
163
163
  },
164
164
  {
165
165
  variants: {
166
166
  size: "large",
167
167
  hasScroll: true
168
168
  },
169
- style: { paddingBottom: dialogPadding("large") }
169
+ style: { padding: dialogPadding("large") }
170
170
  },
171
171
  {
172
172
  variants: {
173
173
  size: "medium",
174
174
  hasScroll: true
175
175
  },
176
- style: { paddingBottom: dialogPadding("medium") }
176
+ style: { padding: dialogPadding("medium") }
177
177
  },
178
178
  {
179
179
  variants: {
180
180
  size: "small",
181
181
  hasScroll: true
182
182
  },
183
- style: { paddingBottom: dialogPadding("small") }
183
+ style: { padding: dialogPadding("small") }
184
184
  }
185
185
  ]
186
186
  });
187
187
  var actionRowPaddingBySize = (size) => (0, _vanilla_extract_css.style)({
188
- paddingTop: (0, _vanilla_extract_css_utils.calc)(dialogPadding(size)).add(_gnist_themes_tokens_css_js.tokens.spacing.xxs).toString(),
188
+ paddingTop: dialogPadding(size),
189
189
  paddingRight: dialogPadding(size),
190
190
  paddingLeft: dialogPadding(size)
191
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EvB,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
@@ -158,33 +158,33 @@ var contentContainerRecipe = recipe({
158
158
  size: "x-large",
159
159
  hasScroll: true
160
160
  },
161
- style: { paddingBottom: dialogPadding("x-large") }
161
+ style: { padding: dialogPadding("x-large") }
162
162
  },
163
163
  {
164
164
  variants: {
165
165
  size: "large",
166
166
  hasScroll: true
167
167
  },
168
- style: { paddingBottom: dialogPadding("large") }
168
+ style: { padding: dialogPadding("large") }
169
169
  },
170
170
  {
171
171
  variants: {
172
172
  size: "medium",
173
173
  hasScroll: true
174
174
  },
175
- style: { paddingBottom: dialogPadding("medium") }
175
+ style: { padding: dialogPadding("medium") }
176
176
  },
177
177
  {
178
178
  variants: {
179
179
  size: "small",
180
180
  hasScroll: true
181
181
  },
182
- style: { paddingBottom: dialogPadding("small") }
182
+ style: { padding: dialogPadding("small") }
183
183
  }
184
184
  ]
185
185
  });
186
186
  var actionRowPaddingBySize = (size) => style({
187
- paddingTop: calc(dialogPadding(size)).add(tokens.spacing.xxs).toString(),
187
+ paddingTop: dialogPadding(size),
188
188
  paddingRight: dialogPadding(size),
189
189
  paddingLeft: dialogPadding(size)
190
190
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gnist/design-system",
3
- "version": "6.2.1",
3
+ "version": "6.2.3",
4
4
  "license": "UNLICENSED",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
@@ -51,7 +51,7 @@
51
51
  "@base-ui/react": "1.0.0",
52
52
  "@formkit/auto-animate": "^0.8.2",
53
53
  "@gnist/component-utils": "3.0.14",
54
- "@gnist/themes": "^3.30.0",
54
+ "@gnist/themes": "^3.31.0",
55
55
  "@material-symbols/svg-400": "^0.42.3",
56
56
  "@vanilla-extract/css": "^1.17.4",
57
57
  "@vanilla-extract/css-utils": "^0.1.6",
@@ -104,5 +104,5 @@
104
104
  "optional": true
105
105
  }
106
106
  },
107
- "gitHead": "4affa3181a0837744e569d48a50763b09b33e7a7"
107
+ "gitHead": "5607328625a33fab83c97618e02dfd81a6716e42"
108
108
  }