orbit-ds-variables 1.0.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 (39) hide show
  1. package/README.md +174 -0
  2. package/dist/css/platforms/desktop/variables.css +100 -0
  3. package/dist/css/platforms/ipad/variables.css +100 -0
  4. package/dist/css/platforms/web/variables.css +100 -0
  5. package/dist/css/primitives/variables.css +91 -0
  6. package/dist/css/themes/d-green/index.css +3 -0
  7. package/dist/css/themes/d-green/variables.css +93 -0
  8. package/dist/css/themes/d-grey/index.css +3 -0
  9. package/dist/css/themes/d-grey/variables.css +93 -0
  10. package/dist/css/themes/n-blue/index.css +3 -0
  11. package/dist/css/themes/n-blue/variables.css +93 -0
  12. package/dist/css/themes/n-green/index.css +3 -0
  13. package/dist/css/themes/n-green/variables.css +93 -0
  14. package/dist/css/themes/n-grey/index.css +3 -0
  15. package/dist/css/themes/n-grey/variables.css +93 -0
  16. package/dist/scss/_index.scss +10 -0
  17. package/dist/scss/platforms/desktop/_variables.scss +97 -0
  18. package/dist/scss/platforms/ipad/_variables.scss +97 -0
  19. package/dist/scss/platforms/web/_variables.scss +97 -0
  20. package/dist/scss/primitives/_variables.scss +88 -0
  21. package/dist/scss/themes/d-green/_variables.scss +90 -0
  22. package/dist/scss/themes/d-grey/_variables.scss +90 -0
  23. package/dist/scss/themes/n-blue/_variables.scss +90 -0
  24. package/dist/scss/themes/n-green/_variables.scss +90 -0
  25. package/dist/scss/themes/n-grey/_variables.scss +90 -0
  26. package/dist/tailwind/index.js +13 -0
  27. package/dist/tailwind/platforms/desktop/theme.js +88 -0
  28. package/dist/tailwind/platforms/desktop/tokens.js +141 -0
  29. package/dist/tailwind/platforms/ipad/theme.js +88 -0
  30. package/dist/tailwind/platforms/ipad/tokens.js +141 -0
  31. package/dist/tailwind/platforms/web/theme.js +88 -0
  32. package/dist/tailwind/platforms/web/tokens.js +141 -0
  33. package/dist/tailwind/primitives/colors.js +112 -0
  34. package/dist/tailwind/themes/d-green/colors.js +120 -0
  35. package/dist/tailwind/themes/d-grey/colors.js +120 -0
  36. package/dist/tailwind/themes/n-blue/colors.js +120 -0
  37. package/dist/tailwind/themes/n-green/colors.js +120 -0
  38. package/dist/tailwind/themes/n-grey/colors.js +120 -0
  39. package/package.json +32 -0
package/dist/tailwind/themes/n-grey/colors.js ADDED
@@ -0,0 +1,120 @@
1
+ // Auto-generated from tokens.json — do not edit directly.
2
+ // Theme: n-grey
3
+
4
+ export default {
5
+ "xtra-sergei-variables": {
6
+ "bg-darker": "var(--black-alpha-30)",
7
+ "bg-lighter": "var(--white-alpha-5)",
8
+ "documet-line-(formerly-on-bg-disabled)": "var(--white-alpha-30)",
9
+ "bg-accent": "var(--white-alpha-5)",
10
+ "always-black": "var(--neutral-10000)",
11
+ "always-white": "var(--neutral-0)",
12
+ "bg-2": "var(--neutral-400)",
13
+ "bg-accent-inverted": "var(--black-alpha-30)",
14
+ "on-action-hover": "var(--neutral-500)",
15
+ "on-action-active": "var(--neutral-10000)",
16
+ "bg-accent-2": "var(--white-alpha-15)"
17
+ },
18
+ "border": {
19
+ "primary": "var(--white-alpha-25)",
20
+ "secondary": "var(--white-alpha-15)",
21
+ "action": "var(--blue-200)",
22
+ "action-hover": "var(--blue-100)",
23
+ "attention": "var(--orange-600)",
24
+ "neutral": "var(--blue-350)"
25
+ },
26
+ "shadow": {
27
+ "action-menu": "rgba(0, 0, 0, 0.5)",
28
+ "navigation": "rgba(0, 0, 0, 0.5)",
29
+ "card": "#000000",
30
+ "popup-message": "rgba(0, 0, 0, 0.7)",
31
+ "submit-section": "rgba(0, 0, 0, 0.8)",
32
+ "chip": "rgba(0, 0, 0, 0.5)"
33
+ },
34
+ "text": {
35
+ "action": "var(--blue-250)",
36
+ "action-hover": "var(--blue-100)",
37
+ "primary": "var(--neutral-0)",
38
+ "secondary": "var(--white-alpha-60)",
39
+ "on-action": "var(--neutral-100)",
40
+ "action-active": "var(--neutral-0)",
41
+ "disabled": "var(--white-alpha-30)",
42
+ "on-disabled": "var(--neutral-400)",
43
+ "attention": "var(--orange-600)",
44
+ "warning": "var(--red-350)",
45
+ "critical": "var(--magenta-300)",
46
+ "on-success-container-variant": "var(--green-350)",
47
+ "on-attention-container": "var(--orange-600)",
48
+ "on-success-container": "var(--green-325)",
49
+ "on-attention-container-variant": "var(--orange-600)",
50
+ "success": "var(--green-325)",
51
+ "on-warning-container": "var(--red-500)",
52
+ "on-warning-container-variant": "var(--red-500)",
53
+ "on-critical-container": "var(--magenta-300)"
54
+ },
55
+ "background": {
56
+ "background": "var(--neutral-600)",
57
+ "inside-surface-2": "var(--black-alpha-20)",
58
+ "inside-surface-1": "var(--white-alpha-5)",
59
+ "surface-container-2": "var(--neutral-400)",
60
+ "surface-container-1": "var(--neutral-500)",
61
+ "input-fields": "var(--white-alpha-5)",
62
+ "success-container-variant": "var(--green-550)",
63
+ "attention-container": "var(--orange-700)",
64
+ "warning-container-variant": "var(--red-700)",
65
+ "success-container": "var(--green-600)",
66
+ "attention-container-variant": "var(--orange-700)",
67
+ "warning-container": "var(--red-700)",
68
+ "critical-container": "var(--magenta-600)",
69
+ "critical-container-variant": "var(--magenta-500)",
70
+ "action": "var(--blue-200)",
71
+ "disabled": "var(--white-alpha-30)",
72
+ "action-hover": "var(--blue-100)",
73
+ "neutral-container": "var(--blue-350)",
74
+ "surface-container-3": "var(--neutral-350)"
75
+ },
76
+ "chips": {
77
+ "neutral": {
78
+ "color": {
79
+ "neutral": "var(--neutral-0)",
80
+ "neutral-2": "#474747",
81
+ "hover": "#545454",
82
+ "checked": "#6e6e6e"
83
+ }
84
+ },
85
+ "attemtion": {
86
+ "default": "#8a5323",
87
+ "hover": "#9d5416",
88
+ "selected": "#df781f"
89
+ },
90
+ "warning": {
91
+ "default": "#861313",
92
+ "hover": "#b00202",
93
+ "selected": "#e80303"
94
+ },
95
+ "success": {
96
+ "default": "#2c5126",
97
+ "hover": "#317128",
98
+ "selected": "#3f9233"
99
+ },
100
+ "critical": {
101
+ "default": "#772d6b",
102
+ "hover": "#9a3289",
103
+ "selected": "#b13a9e"
104
+ },
105
+ "blue": {
106
+ "default": "#12597c",
107
+ "hover": "#17709c",
108
+ "selected": "#1a80b2"
109
+ }
110
+ },
111
+ "icon": {
112
+ "secondary": "var(--white-alpha-65)",
113
+ "action": "var(--blue-200)",
114
+ "disabled": "var(--white-alpha-30)",
115
+ "primary": "var(--neutral-0)",
116
+ "on-action": "var(--neutral-100)",
117
+ "attention": "var(--orange-600)"
118
+ },
119
+ "scrollbar": "var(--white-alpha-30)"
120
+ };
package/package.json ADDED
@@ -0,0 +1,32 @@
1
+ {
2
+ "name": "orbit-ds-variables",
3
+ "version": "1.0.0",
4
+ "description": "A centralized repository of design tokens and variables for the Orbit Design System, including colors, typography, spacing, sizing, and other foundational design primitives used across products and platforms.",
5
+ "type": "module",
6
+ "files": ["dist"],
7
+ "scripts": {
8
+ "build:tokens": "node scripts/build-tokens.mjs",
9
+ "split:tokens": "node scripts/split-tokens.mjs"
10
+ },
11
+ "repository": {
12
+ "type": "git",
13
+ "url": "git+https://github.com/divyanshutomar78/Orbit-DS-Variables.git"
14
+ },
15
+ "keywords": [
16
+ "design-tokens",
17
+ "style-dictionary",
18
+ "tailwind",
19
+ "scss",
20
+ "figma"
21
+ ],
22
+ "author": "",
23
+ "license": "ISC",
24
+ "bugs": {
25
+ "url": "https://github.com/divyanshutomar78/Orbit-DS-Variables/issues"
26
+ },
27
+ "homepage": "https://github.com/divyanshutomar78/Orbit-DS-Variables#readme",
28
+ "dependencies": {
29
+ "@tokens-studio/sd-transforms": "^2.0.3",
30
+ "style-dictionary": "^5.4.2"
31
+ }
32
+ }