@oxide/design-system 1.2.4 → 1.2.5--canary.46.c02a6da.0

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 (151) hide show
  1. package/components/dist/index.d.ts +3 -0
  2. package/components/dist/index.js +659 -665
  3. package/components/dist/index.js.map +1 -1
  4. package/icons/react/Access16Icon.tsx +24 -5
  5. package/icons/react/Access24Icon.tsx +24 -5
  6. package/icons/react/Action16Icon.tsx +22 -5
  7. package/icons/react/Action24Icon.tsx +22 -5
  8. package/icons/react/Add12Icon.tsx +24 -9
  9. package/icons/react/AddRoundel12Icon.tsx +24 -5
  10. package/icons/react/AddRoundel16Icon.tsx +24 -5
  11. package/icons/react/AddRoundel24Icon.tsx +24 -5
  12. package/icons/react/Calendar16Icon.tsx +24 -5
  13. package/icons/react/Calendar24Icon.tsx +24 -5
  14. package/icons/react/Chat16Icon.tsx +24 -9
  15. package/icons/react/Chat24Icon.tsx +24 -9
  16. package/icons/react/Checkmark12Icon.tsx +24 -5
  17. package/icons/react/Clipboard12Icon.tsx +24 -5
  18. package/icons/react/Clipboard16Icon.tsx +24 -5
  19. package/icons/react/Clipboard24Icon.tsx +24 -5
  20. package/icons/react/Close12Icon.tsx +22 -9
  21. package/icons/react/Close16Icon.tsx +24 -9
  22. package/icons/react/Close8Icon.tsx +24 -9
  23. package/icons/react/Cloud16Icon.tsx +24 -9
  24. package/icons/react/Cloud24Icon.tsx +24 -9
  25. package/icons/react/Compability16Icon.tsx +24 -5
  26. package/icons/react/Compatibility24Icon.tsx +24 -5
  27. package/icons/react/Contrast16Icon.tsx +24 -5
  28. package/icons/react/Contrast24Icon.tsx +24 -5
  29. package/icons/react/Cpu16Icon.tsx +24 -9
  30. package/icons/react/Cpu24Icon.tsx +24 -9
  31. package/icons/react/Delete16Icon.tsx +24 -5
  32. package/icons/react/Delete24Icon.tsx +24 -5
  33. package/icons/react/DirectionDownIcon.tsx +22 -5
  34. package/icons/react/DirectionLeftIcon.tsx +22 -5
  35. package/icons/react/DirectionRightIcon.tsx +22 -5
  36. package/icons/react/DirectionUpIcon.tsx +22 -5
  37. package/icons/react/Disabled12Icon.tsx +24 -5
  38. package/icons/react/Dislike16Icon.tsx +24 -5
  39. package/icons/react/Dislike24Icon.tsx +24 -5
  40. package/icons/react/Document16Icon.tsx +22 -5
  41. package/icons/react/Document24Icon.tsx +22 -5
  42. package/icons/react/Dots16Icon.tsx +24 -9
  43. package/icons/react/Dots24Icon.tsx +24 -9
  44. package/icons/react/Download24Icon.tsx +24 -5
  45. package/icons/react/DownloadRoundel16Icon.tsx +24 -5
  46. package/icons/react/Edit16Icon.tsx +24 -9
  47. package/icons/react/Email16Icon.tsx +24 -9
  48. package/icons/react/Email24Icon.tsx +24 -9
  49. package/icons/react/Error12Icon.tsx +24 -9
  50. package/icons/react/Error16Icon.tsx +24 -9
  51. package/icons/react/Error24Icon.tsx +24 -9
  52. package/icons/react/Filter12Icon.tsx +24 -5
  53. package/icons/react/Firewall16Icon.tsx +24 -5
  54. package/icons/react/Firewall24Icon.tsx +24 -5
  55. package/icons/react/Folder16Icon.tsx +24 -5
  56. package/icons/react/Folder24Icon.tsx +24 -5
  57. package/icons/react/Gateway16Icon.tsx +24 -5
  58. package/icons/react/Gateway24Icon.tsx +24 -5
  59. package/icons/react/Heart16Icon.tsx +22 -9
  60. package/icons/react/Heart24Icon.tsx +22 -9
  61. package/icons/react/Hide12Icon.tsx +24 -9
  62. package/icons/react/Hide16Icon.tsx +24 -9
  63. package/icons/react/Hide24Icon.tsx +24 -9
  64. package/icons/react/Hourglass16Icon.tsx +24 -5
  65. package/icons/react/Hourglass24Icon.tsx +24 -5
  66. package/icons/react/Images16Icon.tsx +21 -5
  67. package/icons/react/Images24Icon.tsx +24 -5
  68. package/icons/react/Info16Icon.tsx +24 -9
  69. package/icons/react/Info24Icon.tsx +24 -9
  70. package/icons/react/Instances16Icon.tsx +24 -5
  71. package/icons/react/Instances24Icon.tsx +24 -5
  72. package/icons/react/Integration16Icon.tsx +24 -5
  73. package/icons/react/IpGlobal16Icon.tsx +24 -5
  74. package/icons/react/IpGlobal24Icon.tsx +24 -5
  75. package/icons/react/IpLocal16Icon.tsx +24 -5
  76. package/icons/react/IpLocal24Icon.tsx +24 -5
  77. package/icons/react/Issues16Icon.tsx +24 -5
  78. package/icons/react/Issues24Icon.tsx +24 -5
  79. package/icons/react/Key12Icon.tsx +24 -9
  80. package/icons/react/Key16Icon.tsx +24 -9
  81. package/icons/react/Key24Icon.tsx +24 -9
  82. package/icons/react/Like16Icon.tsx +24 -9
  83. package/icons/react/Like24Icon.tsx +24 -9
  84. package/icons/react/Link16Icon.tsx +22 -9
  85. package/icons/react/LoadBalancer16Icon.tsx +24 -5
  86. package/icons/react/LoadBalancer24Icon.tsx +24 -5
  87. package/icons/react/Loader12Icon.tsx +25 -5
  88. package/icons/react/Location24Icon.tsx +24 -5
  89. package/icons/react/Logs16Icon.tsx +24 -9
  90. package/icons/react/Logs24Icon.tsx +24 -9
  91. package/icons/react/Metrics16Icon.tsx +24 -5
  92. package/icons/react/More12Icon.tsx +24 -9
  93. package/icons/react/Networking16Icon.tsx +24 -5
  94. package/icons/react/Networking24Icon.tsx +24 -5
  95. package/icons/react/NewWindow16Icon.tsx +24 -5
  96. package/icons/react/NextArrow12Icon.tsx +22 -5
  97. package/icons/react/Notifications16Icon.tsx +24 -5
  98. package/icons/react/OpenLink12Icon.tsx +24 -5
  99. package/icons/react/Organization16Icon.tsx +24 -5
  100. package/icons/react/Organization24Icon.tsx +21 -5
  101. package/icons/react/Overview16Icon.tsx +24 -5
  102. package/icons/react/Overview24Icon.tsx +24 -5
  103. package/icons/react/Person16Icon.tsx +24 -5
  104. package/icons/react/Person24Icon.tsx +24 -5
  105. package/icons/react/PersonGroup16Icon.tsx +24 -5
  106. package/icons/react/PersonGroup24Icon.tsx +24 -5
  107. package/icons/react/PrevArrow12Icon.tsx +22 -5
  108. package/icons/react/Profile16Icon.tsx +24 -5
  109. package/icons/react/Progress24Icon.tsx +24 -5
  110. package/icons/react/Prohibited24Icon.tsx +24 -5
  111. package/icons/react/Question12Icon.tsx +24 -5
  112. package/icons/react/Racks24Icon.tsx +24 -9
  113. package/icons/react/Ram16Icon.tsx +24 -9
  114. package/icons/react/Refresh16Icon.tsx +24 -5
  115. package/icons/react/Repair12Icon.tsx +24 -5
  116. package/icons/react/Repair16Icon.tsx +24 -5
  117. package/icons/react/Resize16Icon.tsx +24 -5
  118. package/icons/react/Resize24Icon.tsx +24 -5
  119. package/icons/react/Router16Icon.tsx +24 -5
  120. package/icons/react/Router24Icon.tsx +24 -5
  121. package/icons/react/Safety24Icon.tsx +22 -5
  122. package/icons/react/Search16Icon.tsx +24 -5
  123. package/icons/react/Security12Icon.tsx +24 -5
  124. package/icons/react/Security16Icon.tsx +24 -5
  125. package/icons/react/Security24Icon.tsx +24 -5
  126. package/icons/react/SelectArrows6Icon.tsx +24 -5
  127. package/icons/react/Servers16Icon.tsx +24 -5
  128. package/icons/react/Settings16Icon.tsx +24 -5
  129. package/icons/react/Settings24Icon.tsx +24 -5
  130. package/icons/react/Show16Icon.tsx +24 -9
  131. package/icons/react/Snapshots16Icon.tsx +24 -5
  132. package/icons/react/Snapshots24Icon.tsx +24 -5
  133. package/icons/react/SoftwareUpdate16Icon.tsx +24 -5
  134. package/icons/react/SoftwareUpdate24Icon.tsx +24 -5
  135. package/icons/react/Speaker24Icon.tsx +24 -5
  136. package/icons/react/Ssd16Icon.tsx +24 -9
  137. package/icons/react/Storage16Icon.tsx +24 -5
  138. package/icons/react/Storage24Icon.tsx +22 -5
  139. package/icons/react/Subnet16Icon.tsx +24 -5
  140. package/icons/react/Subnet24Icon.tsx +24 -5
  141. package/icons/react/Success12Icon.tsx +24 -5
  142. package/icons/react/Tags16Icon.tsx +24 -9
  143. package/icons/react/Terminal16Icon.tsx +24 -5
  144. package/icons/react/Terminal24Icon.tsx +24 -5
  145. package/icons/react/Time16Icon.tsx +24 -9
  146. package/icons/react/Transmit16Icon.tsx +24 -5
  147. package/icons/react/Transmit24Icon.tsx +24 -5
  148. package/icons/react/Unauthorized12Icon.tsx +24 -5
  149. package/icons/react/Warning12Icon.tsx +24 -5
  150. package/icons/react/Wireless24Icon.tsx +22 -5
  151. package/package.json +4 -3
@@ -5,14 +5,33 @@
5
5
  *
6
6
  * Copyright Oxide Computer Company
7
7
  */
8
- import { SVGProps } from "react";
8
+ import { SVGProps } from 'react'
9
+
9
10
  interface SVGRProps {
10
- title?: string;
11
- titleId?: string;
11
+ title?: string
12
+ titleId?: string
12
13
  }
13
14
  const Unauthorized12Icon = ({
14
15
  title,
15
16
  titleId,
16
17
  ...props
17
- }: SVGProps<SVGSVGElement> & SVGRProps) => <svg width={12} height={12} viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="M6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12ZM4.472 8.528a.667.667 0 0 1-.944 0l-.056-.056a.667.667 0 0 1 0-.944l4.056-4.056c.26-.26.683-.26.944 0l.056.056c.26.26.26.683 0 .944L4.472 8.528Z" fill="currentColor" /></svg>;
18
- export default Unauthorized12Icon;
18
+ }: SVGProps<SVGSVGElement> & SVGRProps) => (
19
+ <svg
20
+ width={12}
21
+ height={12}
22
+ viewBox="0 0 12 12"
23
+ xmlns="http://www.w3.org/2000/svg"
24
+ role="img"
25
+ aria-labelledby={titleId}
26
+ {...props}
27
+ >
28
+ {title ? <title id={titleId}>{title}</title> : null}
29
+ <path
30
+ fillRule="evenodd"
31
+ clipRule="evenodd"
32
+ d="M6 12A6 6 0 1 0 6 0a6 6 0 0 0 0 12ZM4.472 8.528a.667.667 0 0 1-.944 0l-.056-.056a.667.667 0 0 1 0-.944l4.056-4.056c.26-.26.683-.26.944 0l.056.056c.26.26.26.683 0 .944L4.472 8.528Z"
33
+ fill="currentColor"
34
+ />
35
+ </svg>
36
+ )
37
+ export default Unauthorized12Icon
@@ -5,14 +5,33 @@
5
5
  *
6
6
  * Copyright Oxide Computer Company
7
7
  */
8
- import { SVGProps } from "react";
8
+ import { SVGProps } from 'react'
9
+
9
10
  interface SVGRProps {
10
- title?: string;
11
- titleId?: string;
11
+ title?: string
12
+ titleId?: string
12
13
  }
13
14
  const Warning12Icon = ({
14
15
  title,
15
16
  titleId,
16
17
  ...props
17
- }: SVGProps<SVGSVGElement> & SVGRProps) => <svg width={12} height={12} viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path fillRule="evenodd" clipRule="evenodd" d="m6.597 1.193 4.92 9.842a.667.667 0 0 1-.596.965H1.079a.667.667 0 0 1-.596-.965l4.92-9.842a.667.667 0 0 1 1.194 0ZM6.083 4c.368 0 .667.299.667.667v2.666A.667.667 0 0 1 6.083 8h-.166a.667.667 0 0 1-.667-.667V4.667c0-.368.299-.667.667-.667h.166Zm0 5c.368 0 .667.299.667.667v.166a.667.667 0 0 1-.667.667h-.166a.667.667 0 0 1-.667-.667v-.166c0-.368.299-.667.667-.667h.166Z" fill="currentColor" /></svg>;
18
- export default Warning12Icon;
18
+ }: SVGProps<SVGSVGElement> & SVGRProps) => (
19
+ <svg
20
+ width={12}
21
+ height={12}
22
+ viewBox="0 0 12 12"
23
+ xmlns="http://www.w3.org/2000/svg"
24
+ role="img"
25
+ aria-labelledby={titleId}
26
+ {...props}
27
+ >
28
+ {title ? <title id={titleId}>{title}</title> : null}
29
+ <path
30
+ fillRule="evenodd"
31
+ clipRule="evenodd"
32
+ d="m6.597 1.193 4.92 9.842a.667.667 0 0 1-.596.965H1.079a.667.667 0 0 1-.596-.965l4.92-9.842a.667.667 0 0 1 1.194 0ZM6.083 4c.368 0 .667.299.667.667v2.666A.667.667 0 0 1 6.083 8h-.166a.667.667 0 0 1-.667-.667V4.667c0-.368.299-.667.667-.667h.166Zm0 5c.368 0 .667.299.667.667v.166a.667.667 0 0 1-.667.667h-.166a.667.667 0 0 1-.667-.667v-.166c0-.368.299-.667.667-.667h.166Z"
33
+ fill="currentColor"
34
+ />
35
+ </svg>
36
+ )
37
+ export default Warning12Icon
@@ -5,14 +5,31 @@
5
5
  *
6
6
  * Copyright Oxide Computer Company
7
7
  */
8
- import { SVGProps } from "react";
8
+ import { SVGProps } from 'react'
9
+
9
10
  interface SVGRProps {
10
- title?: string;
11
- titleId?: string;
11
+ title?: string
12
+ titleId?: string
12
13
  }
13
14
  const Wireless24Icon = ({
14
15
  title,
15
16
  titleId,
16
17
  ...props
17
- }: SVGProps<SVGSVGElement> & SVGRProps) => <svg width={24} height={24} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby={titleId} {...props}>{title ? <title id={titleId}>{title}</title> : null}<path d="M11.321 20.227a1 1 0 0 0 1.457-.004L22.476 9.86a.956.956 0 0 0 .102-1.2C20.164 5.2 16.338 3 12.052 3 7.767 3 3.849 5.2 1.425 8.657a.954.954 0 0 0 .104 1.203l9.792 10.367Z" fill="currentColor" /></svg>;
18
- export default Wireless24Icon;
18
+ }: SVGProps<SVGSVGElement> & SVGRProps) => (
19
+ <svg
20
+ width={24}
21
+ height={24}
22
+ viewBox="0 0 24 24"
23
+ xmlns="http://www.w3.org/2000/svg"
24
+ role="img"
25
+ aria-labelledby={titleId}
26
+ {...props}
27
+ >
28
+ {title ? <title id={titleId}>{title}</title> : null}
29
+ <path
30
+ d="M11.321 20.227a1 1 0 0 0 1.457-.004L22.476 9.86a.956.956 0 0 0 .102-1.2C20.164 5.2 16.338 3 12.052 3 7.767 3 3.849 5.2 1.425 8.657a.954.954 0 0 0 .104 1.203l9.792 10.367Z"
31
+ fill="currentColor"
32
+ />
33
+ </svg>
34
+ )
35
+ export default Wireless24Icon
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "@oxide/design-system",
3
- "version": "1.2.4",
3
+ "version": "1.2.5--canary.46.c02a6da.0",
4
4
  "description": "Home of reusable design assets and token for oxide internal sites",
5
5
  "main": "components/dist/index.js",
6
6
  "scripts": {
7
- "export-icons": "npx zx ./scripts/export-icons.md",
7
+ "export-icons": "npx zx ./scripts/export-icons.md && npm run fmt",
8
8
  "build": "run-s build:*",
9
9
  "prebuild:tokens": "token-transformer --preserveRawValue ./styles/src/tokens.json ./styles/src/.tokens/main.json global,colors,core,main",
10
10
  "build:themes": "./scripts/build_themes.sh",
@@ -67,7 +67,7 @@
67
67
  "access": "public"
68
68
  },
69
69
  "peerDependencies": {
70
- "@oxide/react-asciidoc": "^0.1.2",
70
+ "@oxide/react-asciidoc": "^0.1.3-alpha.4",
71
71
  "react": "^18.2.0",
72
72
  "react-dom": "^18.2.0"
73
73
  },
@@ -76,6 +76,7 @@
76
76
  "@floating-ui/react": "^0.25.1",
77
77
  "@headlessui/react": "^1.7.17",
78
78
  "@radix-ui/react-tabs": "^1.0.4",
79
+ "html-entities": "^2.4.0",
79
80
  "react-router-dom": "^6.15.0"
80
81
  }
81
82
  }