unicorn-design-system 2.0.9 → 2.0.10

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.
package/dist/index.js CHANGED
@@ -26278,16 +26278,16 @@ var SideNavItemComponent = ({
26278
26278
  {
26279
26279
  className: "DS-SideNav-Item-Icon",
26280
26280
  sx: {
26281
- width: "16px",
26282
- height: "16px",
26281
+ width: "20px",
26282
+ height: "20px",
26283
26283
  display: "flex",
26284
26284
  alignItems: "center",
26285
26285
  justifyContent: "center",
26286
26286
  flexShrink: 0,
26287
26287
  color: "inherit",
26288
26288
  "& svg": {
26289
- width: "16px",
26290
- height: "16px"
26289
+ width: "20px",
26290
+ height: "20px"
26291
26291
  }
26292
26292
  },
26293
26293
  children: item.icon
@@ -26428,8 +26428,9 @@ var SideNav = ({
26428
26428
  minWidth: `${width}px`,
26429
26429
  maxWidth: `${width}px`,
26430
26430
  height: "100%",
26431
- backgroundColor: "#F5F7F8",
26432
- boxShadow: "-4px 0 8px rgba(0, 0, 0, 0.08)",
26431
+ backgroundColor: "#FAFBFC",
26432
+ borderRight: "1px solid #E1E7EA",
26433
+ boxSizing: "border-box",
26433
26434
  display: "flex",
26434
26435
  flexDirection: "column"
26435
26436
  },
@@ -26439,7 +26440,7 @@ var SideNav = ({
26439
26440
  {
26440
26441
  className: "DS-SideNav-Header",
26441
26442
  sx: {
26442
- padding: "20px 16px 0 16px"
26443
+ padding: "16px 16px 0 16px"
26443
26444
  },
26444
26445
  children: [
26445
26446
  logo && /* @__PURE__ */ (0, import_jsx_runtime205.jsx)(import_material138.Box, { sx: { mb: "16px" }, children: logo }),
package/dist/index.mjs CHANGED
@@ -26190,16 +26190,16 @@ var SideNavItemComponent = ({
26190
26190
  {
26191
26191
  className: "DS-SideNav-Item-Icon",
26192
26192
  sx: {
26193
- width: "16px",
26194
- height: "16px",
26193
+ width: "20px",
26194
+ height: "20px",
26195
26195
  display: "flex",
26196
26196
  alignItems: "center",
26197
26197
  justifyContent: "center",
26198
26198
  flexShrink: 0,
26199
26199
  color: "inherit",
26200
26200
  "& svg": {
26201
- width: "16px",
26202
- height: "16px"
26201
+ width: "20px",
26202
+ height: "20px"
26203
26203
  }
26204
26204
  },
26205
26205
  children: item.icon
@@ -26340,8 +26340,9 @@ var SideNav = ({
26340
26340
  minWidth: `${width}px`,
26341
26341
  maxWidth: `${width}px`,
26342
26342
  height: "100%",
26343
- backgroundColor: "#F5F7F8",
26344
- boxShadow: "-4px 0 8px rgba(0, 0, 0, 0.08)",
26343
+ backgroundColor: "#FAFBFC",
26344
+ borderRight: "1px solid #E1E7EA",
26345
+ boxSizing: "border-box",
26345
26346
  display: "flex",
26346
26347
  flexDirection: "column"
26347
26348
  },
@@ -26351,7 +26352,7 @@ var SideNav = ({
26351
26352
  {
26352
26353
  className: "DS-SideNav-Header",
26353
26354
  sx: {
26354
- padding: "20px 16px 0 16px"
26355
+ padding: "16px 16px 0 16px"
26355
26356
  },
26356
26357
  children: [
26357
26358
  logo && /* @__PURE__ */ jsx204(Box32, { sx: { mb: "16px" }, children: logo }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "unicorn-design-system",
3
- "version": "2.0.9",
3
+ "version": "2.0.10",
4
4
  "description": "🦄 Beautiful React components and design tokens",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",