asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

feat(dashboard,ui): Streamline spacing and sizing (#6061)

Browse Source
This commit is contained in:
Kasper Fabricius Kristensen
2024-01-15 11:43:16 +01:00
committed by GitHub
parent 5dacd4ac9f
commit a2c149e7e5
266 changed files with 10738 additions and 4646 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/design-system/icons/src/components/__tests__/lock-closed-solid-mini.spec.tsx
+17
View File
@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import LockClosedSolidMini from "../lock-closed-solid-mini"
describe("LockClosedSolidMini", () => {
it("should render the icon without errors", async () => {
render(<LockClosedSolidMini data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})
packages/design-system/icons/src/components/__tests__/triangle-left-mini.spec.tsx
+17
View File
@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import TriangleLeftMini from "../triangle-left-mini"
describe("TriangleLeftMini", () => {
it("should render the icon without errors", async () => {
render(<TriangleLeftMini data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})
packages/design-system/icons/src/components/__tests__/triangle-up-mini.spec.tsx
+17
View File
@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import TriangleUpMini from "../triangle-up-mini"
describe("TriangleUpMini", () => {
it("should render the icon without errors", async () => {
render(<TriangleUpMini data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})
packages/design-system/icons/src/components/__tests__/triangles-mini.spec.tsx
+17
View File
@@ -0,0 +1,17 @@
import * as React from "react"
import { cleanup, render, screen } from "@testing-library/react"
import TrianglesMini from "../triangles-mini"
describe("TrianglesMini", () => {
it("should render the icon without errors", async () => {
render(<TrianglesMini data-testid="icon" />)
const svgElement = screen.getByTestId("icon")
expect(svgElement).toBeInTheDocument()
cleanup()
})
})
packages/design-system/icons/src/components/index.ts
+4
View File
@@ -164,6 +164,7 @@ export { default as LightBulb } from "./light-bulb"
export { default as Link } from "./link"
export { default as Linkedin } from "./linkedin"
export { default as ListBullet } from "./list-bullet"
export { default as LockClosedSolidMini } from "./lock-closed-solid-mini"
export { default as LockClosedSolid } from "./lock-closed-solid"
export { default as LockOpenSolid } from "./lock-open-solid"
export { default as MagnifyingGlassMini } from "./magnifying-glass-mini"
@@ -241,7 +242,10 @@ export { default as ToolsSolid } from "./tools-solid"
export { default as Tools } from "./tools"
export { default as Trash } from "./trash"
export { default as TriangleDownMini } from "./triangle-down-mini"
export { default as TriangleLeftMini } from "./triangle-left-mini"
export { default as TriangleRightMini } from "./triangle-right-mini"
export { default as TriangleUpMini } from "./triangle-up-mini"
export { default as TrianglesMini } from "./triangles-mini"
export { default as Twitter } from "./twitter"
export { default as TypescriptEx } from "./typescript-ex"
export { default as Typescript } from "./typescript"
packages/design-system/icons/src/components/lock-closed-solid-mini.tsx
+27
View File
@@ -0,0 +1,27 @@
import * as React from "react"
import type { IconProps } from "../types"
const LockClosedSolidMini = React.forwardRef<SVGSVGElement, IconProps>(
({ color = "currentColor", ...props }, ref) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
d="M12.889 10a.667.667 0 0 1-.667-.667V6.444A2.225 2.225 0 0 0 10 4.222a2.225 2.225 0 0 0-2.222 2.222v2.89a.667.667 0 0 1-1.334 0v-2.89A3.56 3.56 0 0 1 10 2.89a3.56 3.56 0 0 1 3.556 3.555v2.89a.667.667 0 0 1-.667.666Z"
/>
<path
fill={color}
d="M13.333 8.667H6.667a2.446 2.446 0 0 0-2.445 2.444v3.556a2.446 2.446 0 0 0 2.445 2.444h6.666a2.447 2.447 0 0 0 2.445-2.444V11.11a2.446 2.446 0 0 0-2.445-2.444Zm-2.666 4.666a.667.667 0 0 1-1.334 0v-.889a.667.667 0 0 1 1.334 0v.89Z"
/>
</svg>
)
}
)
LockClosedSolidMini.displayName = "LockClosedSolidMini"
export default LockClosedSolidMini
packages/design-system/icons/src/components/lock-closed-solid.tsx
+2 -2
View File
@@ -12,11 +12,11 @@ const LockClosedSolid = React.forwardRef<SVGSVGElement, IconProps>(
{...props}
>
<path
fill="#212121"
fill={color}
d="M13.611 10a.834.834 0 0 1-.833-.833V5.556A2.782 2.782 0 0 0 10 2.778a2.782 2.782 0 0 0-2.778 2.778v3.61a.834.834 0 0 1-1.666 0v-3.61A4.449 4.449 0 0 1 10 1.11a4.449 4.449 0 0 1 4.444 4.445v3.61c0 .46-.373.834-.833.834Z"
/>
<path
fill="#212121"
fill={color}
d="M14.167 8.333H5.833a3.058 3.058 0 0 0-3.055 3.056v4.444a3.058 3.058 0 0 0 3.055 3.056h8.334a3.058 3.058 0 0 0 3.055-3.056V11.39a3.058 3.058 0 0 0-3.055-3.056Zm-3.334 5.834a.834.834 0 0 1-1.666 0v-1.111a.834.834 0 0 1 1.666 0v1.11Z"
/>
</svg>
packages/design-system/icons/src/components/lock-open-solid.tsx
+1 -1
View File
@@ -11,7 +11,7 @@ const LockOpenSolid = React.forwardRef<SVGSVGElement, IconProps>(
ref={ref}
{...props}
>
<g fill="#212121" clipPath="url(#a)">
<g fill={color} clipPath="url(#a)">
<path d="M8.056 10a.834.834 0 0 1-.834-.833V5.556a2.782 2.782 0 0 0-2.778-2.778 2.782 2.782 0 0 0-2.777 2.778v1.388a.834.834 0 0 1-1.667 0V5.556A4.449 4.449 0 0 1 4.444 1.11 4.449 4.449 0 0 1 8.89 5.556v3.61c0 .46-.373.834-.833.834Z" />
<path d="M14.722 8.333H6.39a3.058 3.058 0 0 0-3.056 3.056v4.444A3.058 3.058 0 0 0 6.39 18.89h8.333a3.058 3.058 0 0 0 3.056-3.056V11.39a3.058 3.058 0 0 0-3.056-3.056Zm-3.333 5.834a.834.834 0 0 1-1.667 0v-1.111a.834.834 0 0 1 1.667 0v1.11Z" />
</g>
packages/design-system/icons/src/components/triangle-left-mini.tsx
+23
View File
@@ -0,0 +1,23 @@
import * as React from "react"
import type { IconProps } from "../types"
const TriangleLeftMini = React.forwardRef<SVGSVGElement, IconProps>(
({ color = "currentColor", ...props }, ref) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
d="M12.5 12.59c0 .163-.037.323-.108.463a.848.848 0 0 1-.293.335.68.68 0 0 1-.397.111.692.692 0 0 1-.39-.141l-3.454-2.59a.868.868 0 0 1-.263-.33 1.041 1.041 0 0 1 0-.876.868.868 0 0 1 .263-.33l3.455-2.59a.693.693 0 0 1 .39-.142.68.68 0 0 1 .396.112.849.849 0 0 1 .293.335c.07.14.108.3.108.463v5.18Z"
/>
</svg>
)
}
)
TriangleLeftMini.displayName = "TriangleLeftMini"
export default TriangleLeftMini
packages/design-system/icons/src/components/triangle-up-mini.tsx
+23
View File
@@ -0,0 +1,23 @@
import * as React from "react"
import type { IconProps } from "../types"
const TriangleUpMini = React.forwardRef<SVGSVGElement, IconProps>(
({ color = "currentColor", ...props }, ref) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
d="M7.41 12.5c-.163 0-.323-.037-.464-.108a.849.849 0 0 1-.334-.293.68.68 0 0 1-.112-.397.693.693 0 0 1 .142-.39l2.59-3.454c.082-.11.195-.2.33-.263a1.04 1.04 0 0 1 .876 0 .868.868 0 0 1 .33.263l2.59 3.455a.693.693 0 0 1 .141.39.68.68 0 0 1-.111.396.85.85 0 0 1-.335.293c-.14.07-.3.108-.464.108H7.41Z"
/>
</svg>
)
}
)
TriangleUpMini.displayName = "TriangleUpMini"
export default TriangleUpMini
packages/design-system/icons/src/components/triangles-mini.tsx
+23
View File
@@ -0,0 +1,23 @@
import * as React from "react"
import type { IconProps } from "../types"
const TrianglesMini = React.forwardRef<SVGSVGElement, IconProps>(
({ color = "currentColor", ...props }, ref) => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width={20}
height={20}
fill="none"
ref={ref}
{...props}
>
<path
fill={color}
d="M7.41 8.25c-.163 0-.323-.037-.464-.108a.848.848 0 0 1-.334-.293.68.68 0 0 1-.112-.397.693.693 0 0 1 .142-.39l2.59-3.454c.082-.11.195-.2.33-.263a1.04 1.04 0 0 1 .876 0 .868.868 0 0 1 .33.263l2.59 3.455a.693.693 0 0 1 .141.39.68.68 0 0 1-.111.396.85.85 0 0 1-.335.293c-.14.07-.3.108-.464.108H7.41ZM12.59 11.75c.163 0 .323.037.463.108.14.07.256.172.335.293a.68.68 0 0 1 .111.397.692.692 0 0 1-.141.39l-2.59 3.454a.867.867 0 0 1-.33.263 1.04 1.04 0 0 1-.876 0 .867.867 0 0 1-.33-.263l-2.59-3.455a.693.693 0 0 1-.142-.39.68.68 0 0 1 .112-.396.849.849 0 0 1 .335-.293c.14-.07.3-.108.463-.108h5.18Z"
/>
</svg>
)
}
)
TrianglesMini.displayName = "TrianglesMini"
export default TrianglesMini