@rnine/nineos 0.0.0-stage → 0.1.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 (92) hide show
  1. package/README.md +93 -2
  2. package/dist/_variables.scss +199 -0
  3. package/dist/components/Chrome/Chrome.d.ts +27 -0
  4. package/dist/components/Chrome/Chrome.js +45 -0
  5. package/dist/components/Chrome/Chrome.js.map +1 -0
  6. package/dist/components/Chrome/Chrome.module.js +14 -0
  7. package/dist/components/Chrome/Chrome.module.js.map +1 -0
  8. package/dist/components/CommandLine/ChipBar.d.ts +20 -0
  9. package/dist/components/CommandLine/ChipBar.js +25 -0
  10. package/dist/components/CommandLine/ChipBar.js.map +1 -0
  11. package/dist/components/CommandLine/ChipBar.module.js +9 -0
  12. package/dist/components/CommandLine/ChipBar.module.js.map +1 -0
  13. package/dist/components/CommandLine/CommandLine.d.ts +38 -0
  14. package/dist/components/CommandLine/CommandLine.js +121 -0
  15. package/dist/components/CommandLine/CommandLine.js.map +1 -0
  16. package/dist/components/CommandLine/CommandLine.module.js +13 -0
  17. package/dist/components/CommandLine/CommandLine.module.js.map +1 -0
  18. package/dist/components/Hint/Hint.d.ts +22 -0
  19. package/dist/components/Hint/Hint.js +52 -0
  20. package/dist/components/Hint/Hint.js.map +1 -0
  21. package/dist/components/Hint/Hint.module.js +11 -0
  22. package/dist/components/Hint/Hint.module.js.map +1 -0
  23. package/dist/components/Panel/PanelStage.d.ts +19 -0
  24. package/dist/components/Panel/PanelStage.js +67 -0
  25. package/dist/components/Panel/PanelStage.js.map +1 -0
  26. package/dist/components/Panel/PanelStage.module.js +10 -0
  27. package/dist/components/Panel/PanelStage.module.js.map +1 -0
  28. package/dist/components.css +2 -0
  29. package/dist/index.d.ts +10 -0
  30. package/dist/index.js +9 -0
  31. package/dist/motion/DecryptText.d.ts +9 -0
  32. package/dist/motion/DecryptText.js +87 -0
  33. package/dist/motion/DecryptText.js.map +1 -0
  34. package/dist/motion/DecryptText.module.js +12 -0
  35. package/dist/motion/DecryptText.module.js.map +1 -0
  36. package/dist/motion/DotField.d.ts +8 -0
  37. package/dist/motion/DotField.js +116 -0
  38. package/dist/motion/DotField.js.map +1 -0
  39. package/dist/motion/DotField.module.js +8 -0
  40. package/dist/motion/DotField.module.js.map +1 -0
  41. package/dist/motion/Monogram.d.ts +7 -0
  42. package/dist/motion/Monogram.js +40 -0
  43. package/dist/motion/Monogram.js.map +1 -0
  44. package/dist/motion/Monogram.module.js +10 -0
  45. package/dist/motion/Monogram.module.js.map +1 -0
  46. package/dist/motion/PageEffects.d.ts +2 -0
  47. package/dist/motion/PageEffects.js +45 -0
  48. package/dist/motion/PageEffects.js.map +1 -0
  49. package/dist/motion/PageEffects.module.js +8 -0
  50. package/dist/motion/PageEffects.module.js.map +1 -0
  51. package/dist/motion/Terminal.d.ts +12 -0
  52. package/dist/motion/Terminal.js +57 -0
  53. package/dist/motion/Terminal.js.map +1 -0
  54. package/dist/motion/Terminal.module.js +12 -0
  55. package/dist/motion/Terminal.module.js.map +1 -0
  56. package/dist/motion/VelocityStrip.d.ts +7 -0
  57. package/dist/motion/VelocityStrip.js +46 -0
  58. package/dist/motion/VelocityStrip.js.map +1 -0
  59. package/dist/motion/VelocityStrip.module.js +9 -0
  60. package/dist/motion/VelocityStrip.module.js.map +1 -0
  61. package/dist/motion/signal.d.ts +15 -0
  62. package/dist/motion/signal.js +78 -0
  63. package/dist/motion/signal.js.map +1 -0
  64. package/dist/motion/useDecrypt.d.ts +21 -0
  65. package/dist/motion/useDecrypt.js +45 -0
  66. package/dist/motion/useDecrypt.js.map +1 -0
  67. package/dist/motion.d.ts +10 -0
  68. package/dist/motion.js +10 -0
  69. package/dist/nineos-base.css +54 -0
  70. package/dist/provider/ThemeProvider.d.ts +25 -0
  71. package/dist/provider/ThemeProvider.js +44 -0
  72. package/dist/provider/ThemeProvider.js.map +1 -0
  73. package/dist/styles.css +637 -0
  74. package/dist/tokens.css +470 -0
  75. package/dist/tokens.d.ts +2446 -0
  76. package/dist/tokens.js +2446 -0
  77. package/fonts.css +9 -0
  78. package/package.json +114 -4
  79. package/scss/_glitch.scss +23 -0
  80. package/scss/_index.scss +6 -0
  81. package/scss/base.scss +24 -0
  82. package/theme.json +9 -0
  83. package/tokens/color.json +46 -0
  84. package/tokens/layout.json +29 -0
  85. package/tokens/motion.json +18 -0
  86. package/tokens/palettes/acid.json +65 -0
  87. package/tokens/palettes/volt.json +65 -0
  88. package/tokens/shape.json +26 -0
  89. package/tokens/space.json +19 -0
  90. package/tokens/themes/dark.json +81 -0
  91. package/tokens/themes/light.json +106 -0
  92. package/tokens/typography.json +58 -0
package/tokens/typography.json ADDED
@@ -0,0 +1,58 @@
1
+ {
2
+ "font": {
3
+ "$type": "fontFamily",
4
+ "display": { "$value": ["Chakra Petch", "Segoe UI", "system-ui", "sans-serif"], "$description": "Headings, wordmarks, numbers that matter. Weights 500-700" },
5
+ "body": { "$value": ["Hanken Grotesk Variable", "Hanken Grotesk", "system-ui", "-apple-system", "Segoe UI", "sans-serif"], "$description": "Running text and UI" },
6
+ "mono": { "$value": ["Share Tech Mono", "ui-monospace", "Cascadia Mono", "Consolas", "monospace"], "$description": "Labels, code, data, eyebrows" }
7
+ },
8
+ "font-size": {
9
+ "$type": "dimension",
10
+ "xs": { "$value": "0.75rem" },
11
+ "sm": { "$value": "0.875rem" },
12
+ "base": { "$value": "1rem" },
13
+ "md": { "$value": "1.125rem" },
14
+ "lg": { "$value": "1.25rem" },
15
+ "xl": { "$value": "1.5rem" },
16
+ "2xl": { "$value": "2rem" },
17
+ "3xl": { "$value": "2.5rem" },
18
+ "4xl": { "$value": "3.25rem" },
19
+ "5xl": { "$value": "4.5rem" }
20
+ },
21
+ "font-weight": {
22
+ "$type": "fontWeight",
23
+ "regular": { "$value": 400 },
24
+ "medium": { "$value": 500 },
25
+ "semibold": { "$value": 600 },
26
+ "bold": { "$value": 700 }
27
+ },
28
+ "leading": {
29
+ "$type": "number",
30
+ "tight": { "$value": 1.06 },
31
+ "snug": { "$value": 1.25 },
32
+ "normal": { "$value": 1.6 }
33
+ },
34
+ "tracking": {
35
+ "$type": "dimension",
36
+ "tight": { "$value": "-0.01em" },
37
+ "normal": { "$value": "0em" },
38
+ "wide": { "$value": "0.06em" },
39
+ "wider": { "$value": "0.1em" },
40
+ "mark": { "$value": "0.34em", "$description": "Wordmarks only (N I N E O S)" }
41
+ },
42
+ "type": {
43
+ "$type": "typography",
44
+ "$description": "Type roles. Use these, not raw sizes. Display sizes are fluid between 400px and 1200px wide.",
45
+ "display": { "$value": { "fontFamily": "{font.display}", "fontWeight": 700, "fontSize": "clamp(2.5rem, 1.25rem + 5.2vw, 4.75rem)", "lineHeight": 1.04, "letterSpacing": "-0.01em" } },
46
+ "h1": { "$value": { "fontFamily": "{font.display}", "fontWeight": 700, "fontSize": "clamp(2rem, 1.3rem + 2.8vw, 3.25rem)", "lineHeight": 1.06, "letterSpacing": "-0.01em" } },
47
+ "h2": { "$value": { "fontFamily": "{font.display}", "fontWeight": 600, "fontSize": "clamp(1.625rem, 1.25rem + 1.5vw, 2.375rem)", "lineHeight": 1.1, "letterSpacing": "0em" } },
48
+ "h3": { "$value": { "fontFamily": "{font.display}", "fontWeight": 600, "fontSize": "1.375rem", "lineHeight": 1.2, "letterSpacing": "0em" } },
49
+ "h4": { "$value": { "fontFamily": "{font.display}", "fontWeight": 600, "fontSize": "1.125rem", "lineHeight": 1.25, "letterSpacing": "0em" } },
50
+ "body-lg": { "$value": { "fontFamily": "{font.body}", "fontWeight": 400, "fontSize": "1.125rem", "lineHeight": 1.6, "letterSpacing": "0em" } },
51
+ "body": { "$value": { "fontFamily": "{font.body}", "fontWeight": 400, "fontSize": "1rem", "lineHeight": 1.6, "letterSpacing": "0em" } },
52
+ "body-sm": { "$value": { "fontFamily": "{font.body}", "fontWeight": 400, "fontSize": "0.875rem", "lineHeight": 1.55, "letterSpacing": "0em" } },
53
+ "label": { "$value": { "fontFamily": "{font.mono}", "fontWeight": 400, "fontSize": "0.8125rem", "lineHeight": 1.2, "letterSpacing": "0.08em" }, "$description": "Uppercase eyebrows, chips, table heads" },
54
+ "code": { "$value": { "fontFamily": "{font.mono}", "fontWeight": 400, "fontSize": "0.9375rem", "lineHeight": 1.7, "letterSpacing": "0em" } },
55
+ "caption": { "$value": { "fontFamily": "{font.mono}", "fontWeight": 400, "fontSize": "0.75rem", "lineHeight": 1.4, "letterSpacing": "0.04em" } },
56
+ "wordmark": { "$value": { "fontFamily": "{font.display}", "fontWeight": 500, "fontSize": "0.8125rem", "lineHeight": 1, "letterSpacing": "0.34em" } }
57
+ }
58
+ }