@heliux-org/ui-style 1.0.65 → 1.0.67

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 (19) hide show
  1. package/dist/colors.json +1 -1
  2. package/dist/index.css +560 -400
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.min.css +1 -1
  5. package/package.json +2 -2
  6. package/src/Themes/basic/_content-colors.scss +40 -40
  7. package/src/Themes/black/_black-theme-content-colors.scss +121 -122
  8. package/src/Themes/dark/_dark-theme-content-colors.scss +121 -122
  9. package/src/Themes/hacker/_hacker-theme-content-colors.scss +121 -122
  10. package/src/config/maps/themes/basic/keys/_keys.scss +45 -1
  11. package/src/config/maps/themes/black/keys/_black-theme-keys.scss +43 -1
  12. package/src/config/maps/themes/dark/keys/_dark-theme-keys.scss +43 -1
  13. package/src/config/maps/themes/hacker/keys/_hacker-theme-keys.scss +43 -1
  14. package/src/config/tokens/themes/basic/keys/_keys.scss +42 -0
  15. package/src/config/tokens/themes/basic/palette/_palette.scss +1 -1
  16. package/src/config/tokens/themes/black/keys/_black-theme-keys.scss +43 -0
  17. package/src/config/tokens/themes/dark/keys/_dark-theme-keys.scss +44 -0
  18. package/src/config/tokens/themes/hacker/keys/_hacker-theme-keys.scss +44 -0
  19. package/src/files/colors.json +1 -1
package/src/config/tokens/themes/black/keys/_black-theme-keys.scss CHANGED
@@ -55,6 +55,49 @@ $theme-black-icon-primary: $color-mouse;
55
55
  $theme-black-text-link: $colors-steel-300;
56
56
 
57
57
 
58
+ // TEXT CONTENT COLORS
59
+ $theme-black-text-content-default: $colors-steel-100;
60
+ $theme-black-text-green-dark: $colors-green-600;
61
+ $theme-black-text-green-med: $colors-green-100;
62
+ $theme-black-text-green-light: $colors-green-100;
63
+ $theme-black-text-yellow-dark: $colors-yellow-600;
64
+ $theme-black-text-yellow-med: $colors-yellow-100;
65
+ $theme-black-text-yellow-light: $colors-yellow-100;
66
+ $theme-black-text-red-dark: $colors-red-600;
67
+ $theme-black-text-red-med: $colors-red-100;
68
+ $theme-black-text-red-light: $colors-red-100;
69
+ $theme-black-text-solar-flare-dark: $colors-solar-flare-600;
70
+ $theme-black-text-solar-flare-med: $colors-solar-flare-100;
71
+ $theme-black-text-solar-flare-light: $colors-solar-flare-100;
72
+ $theme-black-text-purple-dark: $colors-purple-600;
73
+ $theme-black-text-purple-med: $colors-purple-100;
74
+ $theme-black-text-purple-light: $colors-purple-100;
75
+ $theme-black-text-pink-dark: $colors-pink-600;
76
+ $theme-black-text-pink-med: $colors-pink-100;
77
+ $theme-black-text-pink-light: $colors-pink-100;
78
+ $theme-black-text-steel-dark: $colors-steel-600;
79
+ $theme-black-text-steel-med: $colors-steel-100;
80
+ $theme-black-text-steel-light: $colors-steel-100;
81
+ $theme-black-text-teal-dark: $colors-teal-600;
82
+ $theme-black-text-teal-med: $colors-teal-100;
83
+ $theme-black-text-teal-light: $colors-teal-100;
84
+ $theme-black-text-lime-dark: $colors-lime-600;
85
+ $theme-black-text-lime-med: $colors-lime-100;
86
+ $theme-black-text-lime-light: $colors-lime-100;
87
+ $theme-black-text-orange-dark: $colors-orange-600;
88
+ $theme-black-text-orange-med: $colors-orange-100;
89
+ $theme-black-text-orange-light: $colors-orange-100;
90
+ $theme-black-text-gray-dark: $colors-gray-600;
91
+ $theme-black-text-gray-med: $colors-gray-100;
92
+ $theme-black-text-gray-light: $colors-gray-100;
93
+ $theme-black-text-obsidian-dark: $colors-obsidian-600;
94
+ $theme-black-text-obsidian-med: $colors-obsidian-100;
95
+ $theme-black-text-obsidian-light: $colors-obsidian-100;
96
+ $theme-black-text-sand-dark: $colors-sand-600;
97
+ $theme-black-text-sand-med: $colors-sand-100;
98
+ $theme-black-text-sand-light: $colors-sand-100;
99
+
100
+
58
101
  // System Semantics (state, status)
59
102
  $theme-black-disabled-text-color: rgba($theme-black-text-primary, var(--disabled-component-opacity));
60
103
  $theme-black-disabled-background-color: $color-dust-muted;
package/src/config/tokens/themes/dark/keys/_dark-theme-keys.scss CHANGED
@@ -57,6 +57,50 @@ $theme-dark-icon-primary: $color-wolf_gray; // todo: fix, value from basic theme
57
57
  $theme-dark-text-link: $colors-steel-300;
58
58
 
59
59
 
60
+ // TEXT CONTENT COLORS
61
+ $theme-dark-text-content-default: $colors-steel-100;
62
+ $theme-dark-text-green-dark: $colors-green-600;
63
+ $theme-dark-text-green-med: $colors-green-100;
64
+ $theme-dark-text-green-light: $colors-green-100;
65
+ $theme-dark-text-yellow-dark: $colors-yellow-600;
66
+ $theme-dark-text-yellow-med: $colors-yellow-100;
67
+ $theme-dark-text-yellow-light: $colors-yellow-100;
68
+ $theme-dark-text-red-dark: $colors-red-600;
69
+ $theme-dark-text-red-med: $colors-red-100;
70
+ $theme-dark-text-red-light: $colors-red-100;
71
+ $theme-dark-text-solar-flare-dark: $colors-solar-flare-600;
72
+ $theme-dark-text-solar-flare-med: $colors-solar-flare-100;
73
+ $theme-dark-text-solar-flare-light: $colors-solar-flare-100;
74
+ $theme-dark-text-purple-dark: $colors-purple-600;
75
+ $theme-dark-text-purple-med: $colors-purple-100;
76
+ $theme-dark-text-purple-light: $colors-purple-100;
77
+ $theme-dark-text-pink-dark: $colors-pink-600;
78
+ $theme-dark-text-pink-med: $colors-pink-100;
79
+ $theme-dark-text-pink-light: $colors-pink-100;
80
+ $theme-dark-text-steel-dark: $colors-steel-600;
81
+ $theme-dark-text-steel-med: $colors-steel-100;
82
+ $theme-dark-text-steel-light: $colors-steel-100;
83
+ $theme-dark-text-teal-dark: $colors-teal-600;
84
+ $theme-dark-text-teal-med: $colors-teal-100;
85
+ $theme-dark-text-teal-light: $colors-teal-100;
86
+ $theme-dark-text-lime-dark: $colors-lime-600;
87
+ $theme-dark-text-lime-med: $colors-lime-100;
88
+ $theme-dark-text-lime-light: $colors-lime-100;
89
+ $theme-dark-text-orange-dark: $colors-orange-600;
90
+ $theme-dark-text-orange-med: $colors-orange-100;
91
+ $theme-dark-text-orange-light: $colors-orange-100;
92
+ $theme-dark-text-gray-dark: $colors-gray-600;
93
+ $theme-dark-text-gray-med: $colors-gray-100;
94
+ $theme-dark-text-gray-light: $colors-gray-100;
95
+ $theme-dark-text-obsidian-dark: $colors-obsidian-600;
96
+ $theme-dark-text-obsidian-med: $colors-obsidian-100;
97
+ $theme-dark-text-obsidian-light: $colors-obsidian-100;
98
+ $theme-dark-text-sand-dark: $colors-sand-600;
99
+ $theme-dark-text-sand-med: $colors-sand-100;
100
+ $theme-dark-text-sand-light: $colors-sand-100;
101
+
102
+
103
+
60
104
  // System Semantics (state, status)
61
105
  $theme-dark-disabled-text-color: rgba($theme-dark-text-primary, var(--disabled-component-opacity));
62
106
  $theme-dark-disabled-background-color: $color-silver_muted;
package/src/config/tokens/themes/hacker/keys/_hacker-theme-keys.scss CHANGED
@@ -55,6 +55,50 @@ $theme-hacker-placeholder-color: $color-wolf_gray; // todo: fix, value from basi
55
55
  $theme-hacker-icon-primary: $color-wolf_gray; // todo: fix, value from basic theme
56
56
  $theme-hacker-text-link: $colors-lime-300;
57
57
 
58
+
59
+ // TEXT CONTENT COLORS
60
+ $theme-hacker-text-content-default: $colors-steel-100;
61
+ $theme-hacker-text-green-dark: $colors-green-600;
62
+ $theme-hacker-text-green-med: $colors-green-100;
63
+ $theme-hacker-text-green-light: $colors-green-100;
64
+ $theme-hacker-text-yellow-dark: $colors-yellow-600;
65
+ $theme-hacker-text-yellow-med: $colors-yellow-100;
66
+ $theme-hacker-text-yellow-light: $colors-yellow-100;
67
+ $theme-hacker-text-red-dark: $colors-red-600;
68
+ $theme-hacker-text-red-med: $colors-red-100;
69
+ $theme-hacker-text-red-light: $colors-red-100;
70
+ $theme-hacker-text-solar-flare-dark: $colors-solar-flare-600;
71
+ $theme-hacker-text-solar-flare-med: $colors-solar-flare-100;
72
+ $theme-hacker-text-solar-flare-light: $colors-solar-flare-100;
73
+ $theme-hacker-text-purple-dark: $colors-purple-600;
74
+ $theme-hacker-text-purple-med: $colors-purple-100;
75
+ $theme-hacker-text-purple-light: $colors-purple-100;
76
+ $theme-hacker-text-pink-dark: $colors-pink-600;
77
+ $theme-hacker-text-pink-med: $colors-pink-100;
78
+ $theme-hacker-text-pink-light: $colors-pink-100;
79
+ $theme-hacker-text-steel-dark: $colors-steel-600;
80
+ $theme-hacker-text-steel-med: $colors-steel-100;
81
+ $theme-hacker-text-steel-light: $colors-steel-100;
82
+ $theme-hacker-text-teal-dark: $colors-teal-600;
83
+ $theme-hacker-text-teal-med: $colors-teal-100;
84
+ $theme-hacker-text-teal-light: $colors-teal-100;
85
+ $theme-hacker-text-lime-dark: $colors-lime-600;
86
+ $theme-hacker-text-lime-med: $colors-lime-100;
87
+ $theme-hacker-text-lime-light: $colors-lime-100;
88
+ $theme-hacker-text-orange-dark: $colors-orange-600;
89
+ $theme-hacker-text-orange-med: $colors-orange-100;
90
+ $theme-hacker-text-orange-light: $colors-orange-100;
91
+ $theme-hacker-text-gray-dark: $colors-gray-600;
92
+ $theme-hacker-text-gray-med: $colors-gray-100;
93
+ $theme-hacker-text-gray-light: $colors-gray-100;
94
+ $theme-hacker-text-obsidian-dark: $colors-obsidian-600;
95
+ $theme-hacker-text-obsidian-med: $colors-obsidian-100;
96
+ $theme-hacker-text-obsidian-light: $colors-obsidian-100;
97
+ $theme-hacker-text-sand-dark: $colors-sand-600;
98
+ $theme-hacker-text-sand-med: $colors-sand-100;
99
+ $theme-hacker-text-sand-light: $colors-sand-100;
100
+
101
+
58
102
  // System Semantics (state, status)
59
103
  $theme-hacker-disabled-text-color: $theme-black-disabled-text-color;
60
104
  $theme-hacker-disabled-background-color: $color-dust-muted;
package/src/files/colors.json CHANGED
@@ -72,7 +72,7 @@
72
72
  "color-saladish": "#cab641",
73
73
  "color-saladish-hover": "#9d8f3e",
74
74
  "color-saladish-selected": "#e4daa0",
75
- "color-yellow-dark": "#ffcb00",
75
+ "color-yellow-dark": "#DAAE00",
76
76
  "color-yellow-dark-hover": "#c29e11",
77
77
  "color-yellow-dark-selected": "#ffe580",
78
78
  "color-yellow-med": "#fdab3d",