@bergetai/ui 0.1.81 → 0.1.83

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 (6) hide show
  1. package/dist/index.cjs +3 -3
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +3 -3
  4. package/dist/index.js.map +1 -1
  5. package/dist/styles/index.css +132 -132
  6. package/package.json +1 -1
package/dist/styles/index.css CHANGED
@@ -12,96 +12,96 @@
12
12
  GRANITE — neutral stone
13
13
  950 = Bedrock (base bg), 900 = Slate (surface)
14
14
  ──────────────────────────── */
15
- --berget-brand-granite-50: #f3f1ef;
16
- --berget-brand-granite-100: #e3e1de;
17
- --berget-brand-granite-200: #d0cdca;
18
- --berget-brand-granite-300: #b4b0ad;
19
- --berget-brand-granite-400: #95928e;
20
- --berget-brand-granite-500: #74716e;
21
- --berget-brand-granite-600: #545250;
22
- --berget-brand-granite-700: #393836;
23
- --berget-brand-granite-800: #262524;
24
- --berget-brand-granite-900: #1a1a1a; /* Slate */
25
- --berget-brand-granite-950: #0a0a0a; /* Bedrock/base */
15
+ --berget-brand-granite-50: oklch(96% 0.004 70); /* #F3F1EF */
16
+ --berget-brand-granite-100: oklch(91% 0.005 70); /* #E3E1DE */
17
+ --berget-brand-granite-200: oklch(85% 0.006 70); /* #D0CDCA */
18
+ --berget-brand-granite-300: oklch(76% 0.006 70); /* #B4B0AD */
19
+ --berget-brand-granite-400: oklch(66% 0.006 70); /* #95928E */
20
+ --berget-brand-granite-500: oklch(55% 0.006 70); /* #74716E */
21
+ --berget-brand-granite-600: oklch(44% 0.005 70); /* #545250 */
22
+ --berget-brand-granite-700: oklch(26% 0.004 70); /* #252422 */
23
+ --berget-brand-granite-800: oklch(23% 0.003 70); /* #1E1D1B */
24
+ --berget-brand-granite-900: oklch(18% 0 0); /* #121212 · Slate (surface) */
25
+ --berget-brand-granite-950: oklch(15% 0 0); /* #0A0A0A · Bedrock (base — "Berget") */
26
26
 
27
27
  /* ────────────────────────────
28
28
  SANDSTONE — warm stone
29
29
  100 = primary text warmth
30
30
  ──────────────────────────── */
31
- --berget-brand-sandstone-50: #f4f1ee;
32
- --berget-brand-sandstone-100: #e7e0d9;
33
- --berget-brand-sandstone-200: #d8cbbf;
34
- --berget-brand-sandstone-300: #c0ae9b;
35
- --berget-brand-sandstone-400: #a48e76;
36
- --berget-brand-sandstone-500: #856c52;
37
- --berget-brand-sandstone-600: #664d33;
38
- --berget-brand-sandstone-700: #49331b;
39
- --berget-brand-sandstone-800: #32210e;
40
- --berget-brand-sandstone-900: #211407;
41
- --berget-brand-sandstone-950: #100802;
31
+ --berget-brand-sandstone-50: oklch(96% 0.005 68); /* #F4F1EE */
32
+ --berget-brand-sandstone-100: oklch(91% 0.011 68); /* #E7E0D9 · primary text */
33
+ --berget-brand-sandstone-200: oklch(85% 0.022 68); /* #D8CBBF */
34
+ --berget-brand-sandstone-300: oklch(76% 0.033 68); /* #C0AE9B */
35
+ --berget-brand-sandstone-400: oklch(66% 0.043 68); /* #A48E76 */
36
+ --berget-brand-sandstone-500: oklch(55% 0.049 68); /* #856C52 */
37
+ --berget-brand-sandstone-600: oklch(44% 0.052 68); /* #664D33 */
38
+ --berget-brand-sandstone-700: oklch(34% 0.048 68); /* #49341B */
39
+ --berget-brand-sandstone-800: oklch(26% 0.041 68); /* #32210E */
40
+ --berget-brand-sandstone-900: oklch(20% 0.031 68); /* #211407 */
41
+ --berget-brand-sandstone-950: oklch(14% 0.023 68); /* #100802 */
42
42
 
43
43
  /* ────────────────────────────
44
44
  FJORD — petrol blue
45
45
  700 = deep fjord accent
46
46
  ──────────────────────────── */
47
- --berget-brand-fjord-50: #ecf3f8;
48
- --berget-brand-fjord-100: #d4e4ef;
49
- --berget-brand-fjord-200: #b4d3e7;
50
- --berget-brand-fjord-300: #88b8d7;
51
- --berget-brand-fjord-400: #5b9ac1;
52
- --berget-brand-fjord-500: #2c79a4;
53
- --berget-brand-fjord-600: #005985;
54
- --berget-brand-fjord-700: #003d63;
55
- --berget-brand-fjord-800: #002947;
56
- --berget-brand-fjord-900: #001a30;
57
- --berget-brand-fjord-950: #000c1b;
47
+ --berget-brand-fjord-50: oklch(96% 0.011 237); /* #ECF3F8 */
48
+ --berget-brand-fjord-100: oklch(91% 0.023 237); /* #D4E4EF */
49
+ --berget-brand-fjord-200: oklch(85% 0.044 237); /* #B4D3E7 */
50
+ --berget-brand-fjord-300: oklch(76% 0.067 237); /* #88B8D7 */
51
+ --berget-brand-fjord-400: oklch(66% 0.087 237); /* #5B9AC1 · info (6.4:1 on base) */
52
+ --berget-brand-fjord-500: oklch(55% 0.1 237); /* #2C79A4 */
53
+ --berget-brand-fjord-600: oklch(44% 0.101 239); /* #005985 */
54
+ --berget-brand-fjord-700: oklch(35% 0.087 245); /* #003D63 · Fjord */
55
+ --berget-brand-fjord-800: oklch(27% 0.071 246); /* #002947 */
56
+ --berget-brand-fjord-900: oklch(21% 0.055 246); /* #001A30 */
57
+ --berget-brand-fjord-950: oklch(15% 0.04 247); /* #000C1B */
58
58
 
59
59
  /* ────────────────────────────
60
60
  MOSS — green (slopes)
61
61
  300 = Lichen, 400 = Moss, 600 = Spruce
62
62
  ──────────────────────────── */
63
- --berget-brand-moss-50: #ebf4ef;
64
- --berget-brand-moss-100: #d3e7dc;
65
- --berget-brand-moss-200: #b3d8c3;
66
- --berget-brand-moss-300: #86c0a2; /* Lichen */
67
- --berget-brand-moss-400: #57a57f; /* Moss (primary action) */
68
- --berget-brand-moss-500: #21855c;
69
- --berget-brand-moss-600: #00653c; /* Spruce */
70
- --berget-brand-moss-700: #004726;
71
- --berget-brand-moss-800: #003117;
72
- --berget-brand-moss-900: #00200c;
73
- --berget-brand-moss-950: #001004;
63
+ --berget-brand-moss-50: oklch(96% 0.012 161); /* #EBF4EF */
64
+ --berget-brand-moss-100: oklch(91% 0.026 161); /* #D3E7DC */
65
+ --berget-brand-moss-200: oklch(85% 0.049 161); /* #B3D8C3 */
66
+ --berget-brand-moss-300: oklch(76% 0.075 161); /* #86C0A2 · Lichen */
67
+ --berget-brand-moss-400: oklch(66% 0.097 161); /* #57A57F · Moss (primary action) */
68
+ --berget-brand-moss-500: oklch(55% 0.111 161); /* #21855C */
69
+ --berget-brand-moss-600: oklch(44% 0.105 158); /* #00653C · Spruce */
70
+ --berget-brand-moss-700: oklch(34% 0.086 155); /* #004726 */
71
+ --berget-brand-moss-800: oklch(26% 0.069 154); /* #003117 */
72
+ --berget-brand-moss-900: oklch(21% 0.055 153); /* #00200C */
73
+ --berget-brand-moss-950: oklch(15% 0.04 152); /* #001004 */
74
74
 
75
75
  /* ────────────────────────────
76
76
  MUSCARIA — red (forest floor)
77
77
  500 = brand red #D1392E (pinned)
78
78
  ──────────────────────────── */
79
- --berget-brand-muscaria-50: #ffedea;
80
- --berget-brand-muscaria-100: #fed7d1;
81
- --berget-brand-muscaria-200: #ffb9af;
82
- --berget-brand-muscaria-300: #f89082;
83
- --berget-brand-muscaria-400: #e66354;
84
- --berget-brand-muscaria-500: #d1392e; /* pinned brand */
85
- --berget-brand-muscaria-600: #a50000;
86
- --berget-brand-muscaria-700: #750000;
87
- --berget-brand-muscaria-800: #530000;
88
- --berget-brand-muscaria-900: #3a0000;
89
- --berget-brand-muscaria-950: #220000;
79
+ --berget-brand-muscaria-50: oklch(96% 0.02 29); /* #FFEDEA */
80
+ --berget-brand-muscaria-100: oklch(91% 0.044 29); /* #FED7D1 */
81
+ --berget-brand-muscaria-200: oklch(85% 0.083 29); /* #FFB9AF */
82
+ --berget-brand-muscaria-300: oklch(76% 0.128 29); /* #F89082 */
83
+ --berget-brand-muscaria-400: oklch(66% 0.167 29); /* #E66354 */
84
+ --berget-brand-muscaria-500: oklch(57% 0.191 29); /* #D1392E · Error (exact brand) */
85
+ --berget-brand-muscaria-600: oklch(45% 0.186 29); /* #A50000 */
86
+ --berget-brand-muscaria-700: oklch(35% 0.145 29); /* #750000 */
87
+ --berget-brand-muscaria-800: oklch(28% 0.114 29); /* #530000 */
88
+ --berget-brand-muscaria-900: oklch(22% 0.09 29); /* #3A0000 */
89
+ --berget-brand-muscaria-950: oklch(16% 0.065 29); /* #220000 */
90
90
 
91
91
  /* ────────────────────────────
92
92
  CHANTERELLE — amber (forest floor)
93
93
  ──────────────────────────── */
94
- --berget-brand-chanterelle-50: #ffeeb7;
95
- --berget-brand-chanterelle-100: #ffd976;
96
- --berget-brand-chanterelle-200: #ffc11e;
97
- --berget-brand-chanterelle-300: #e3a500;
98
- --berget-brand-chanterelle-400: #bc8800;
99
- --berget-brand-chanterelle-500: #926a04;
100
- --berget-brand-chanterelle-600: #6b4d05;
101
- --berget-brand-chanterelle-700: #493403;
102
- --berget-brand-chanterelle-800: #322202;
103
- --berget-brand-chanterelle-900: #201501;
104
- --berget-brand-chanterelle-950: #100900;
94
+ --berget-brand-chanterelle-50: oklch(95% 0.072 92); /* #FFEEB7 */
95
+ --berget-brand-chanterelle-100: oklch(90% 0.125 89); /* #FFD976 */
96
+ --berget-brand-chanterelle-200: oklch(84% 0.168 84); /* #FFC11E */
97
+ --berget-brand-chanterelle-300: oklch(76% 0.157 81); /* #E3A500 · Warning */
98
+ --berget-brand-chanterelle-400: oklch(66% 0.136 81); /* #BC8800 */
99
+ --berget-brand-chanterelle-500: oklch(55% 0.112 82); /* #926A04 */
100
+ --berget-brand-chanterelle-600: oklch(44% 0.088 82); /* #6B4D05 */
101
+ --berget-brand-chanterelle-700: oklch(34% 0.068 82); /* #493403 */
102
+ --berget-brand-chanterelle-800: oklch(26% 0.053 82); /* #322202 */
103
+ --berget-brand-chanterelle-900: oklch(20% 0.041 82); /* #201501 */
104
+ --berget-brand-chanterelle-950: oklch(15% 0.029 82); /* #100900 */
105
105
 
106
106
  /* (No backward-compatibility aliases) */
107
107
  }
@@ -739,82 +739,82 @@
739
739
  );
740
740
 
741
741
  /* Full Granite scale (11 step) */
742
- --color-berget-brand-granite-50: #f3f1ef;
743
- --color-berget-brand-granite-100: #e3e1de;
744
- --color-berget-brand-granite-200: #d0cdca;
745
- --color-berget-brand-granite-300: #b4b0ad;
746
- --color-berget-brand-granite-400: #95928e;
747
- --color-berget-brand-granite-500: #74716e;
748
- --color-berget-brand-granite-600: #545250;
749
- --color-berget-brand-granite-700: #393836;
750
- --color-berget-brand-granite-800: #262524;
751
- --color-berget-brand-granite-900: #1a1a1a;
752
- --color-berget-brand-granite-950: #0a0a0a;
742
+ --color-berget-brand-granite-50: oklch(96% 0.004 70);
743
+ --color-berget-brand-granite-100: oklch(91% 0.005 70);
744
+ --color-berget-brand-granite-200: oklch(85% 0.006 70);
745
+ --color-berget-brand-granite-300: oklch(76% 0.006 70);
746
+ --color-berget-brand-granite-400: oklch(66% 0.006 70);
747
+ --color-berget-brand-granite-500: oklch(55% 0.006 70);
748
+ --color-berget-brand-granite-600: oklch(44% 0.005 70);
749
+ --color-berget-brand-granite-700: oklch(26% 0.004 70);
750
+ --color-berget-brand-granite-800: oklch(23% 0.003 70);
751
+ --color-berget-brand-granite-900: oklch(18% 0 0);
752
+ --color-berget-brand-granite-950: oklch(15% 0 0);
753
753
 
754
754
  /* Full Sandstone scale (11 step) */
755
- --color-berget-brand-sandstone-50: #f4f1ee;
756
- --color-berget-brand-sandstone-100: #e7e0d9;
757
- --color-berget-brand-sandstone-200: #d8cbbf;
758
- --color-berget-brand-sandstone-300: #c0ae9b;
759
- --color-berget-brand-sandstone-400: #a48e76;
760
- --color-berget-brand-sandstone-500: #856c52;
761
- --color-berget-brand-sandstone-600: #664d33;
762
- --color-berget-brand-sandstone-700: #49331b;
763
- --color-berget-brand-sandstone-800: #32210e;
764
- --color-berget-brand-sandstone-900: #211407;
765
- --color-berget-brand-sandstone-950: #100802;
755
+ --color-berget-brand-sandstone-50: oklch(96% 0.005 68);
756
+ --color-berget-brand-sandstone-100: oklch(91% 0.011 68);
757
+ --color-berget-brand-sandstone-200: oklch(85% 0.022 68);
758
+ --color-berget-brand-sandstone-300: oklch(76% 0.033 68);
759
+ --color-berget-brand-sandstone-400: oklch(66% 0.043 68);
760
+ --color-berget-brand-sandstone-500: oklch(55% 0.049 68);
761
+ --color-berget-brand-sandstone-600: oklch(44% 0.052 68);
762
+ --color-berget-brand-sandstone-700: oklch(34% 0.048 68);
763
+ --color-berget-brand-sandstone-800: oklch(26% 0.041 68);
764
+ --color-berget-brand-sandstone-900: oklch(20% 0.031 68);
765
+ --color-berget-brand-sandstone-950: oklch(14% 0.023 68);
766
766
 
767
767
  /* Full Fjord scale (11 step) */
768
- --color-berget-brand-fjord-50: #ecf3f8;
769
- --color-berget-brand-fjord-100: #d4e4ef;
770
- --color-berget-brand-fjord-200: #b4d3e7;
771
- --color-berget-brand-fjord-300: #88b8d7;
772
- --color-berget-brand-fjord-400: #5b9ac1;
773
- --color-berget-brand-fjord-500: #2c79a4;
774
- --color-berget-brand-fjord-600: #005985;
775
- --color-berget-brand-fjord-700: #003d63;
776
- --color-berget-brand-fjord-800: #002947;
777
- --color-berget-brand-fjord-900: #001a30;
778
- --color-berget-brand-fjord-950: #000c1b;
768
+ --color-berget-brand-fjord-50: oklch(96% 0.011 237);
769
+ --color-berget-brand-fjord-100: oklch(91% 0.023 237);
770
+ --color-berget-brand-fjord-200: oklch(85% 0.044 237);
771
+ --color-berget-brand-fjord-300: oklch(76% 0.067 237);
772
+ --color-berget-brand-fjord-400: oklch(66% 0.087 237);
773
+ --color-berget-brand-fjord-500: oklch(55% 0.1 237);
774
+ --color-berget-brand-fjord-600: oklch(44% 0.101 239);
775
+ --color-berget-brand-fjord-700: oklch(35% 0.087 245);
776
+ --color-berget-brand-fjord-800: oklch(27% 0.071 246);
777
+ --color-berget-brand-fjord-900: oklch(21% 0.055 246);
778
+ --color-berget-brand-fjord-950: oklch(15% 0.04 247);
779
779
 
780
780
  /* Full Moss scale (11 step) */
781
- --color-berget-brand-moss-50: #ebf4ef;
782
- --color-berget-brand-moss-100: #d3e7dc;
783
- --color-berget-brand-moss-200: #b3d8c3;
784
- --color-berget-brand-moss-300: #86c0a2;
785
- --color-berget-brand-moss-400: #57a57f;
786
- --color-berget-brand-moss-500: #21855c;
787
- --color-berget-brand-moss-600: #00653c;
788
- --color-berget-brand-moss-700: #004726;
789
- --color-berget-brand-moss-800: #003117;
790
- --color-berget-brand-moss-900: #00200c;
791
- --color-berget-brand-moss-950: #001004;
781
+ --color-berget-brand-moss-50: oklch(96% 0.012 161);
782
+ --color-berget-brand-moss-100: oklch(91% 0.026 161);
783
+ --color-berget-brand-moss-200: oklch(85% 0.049 161);
784
+ --color-berget-brand-moss-300: oklch(76% 0.075 161);
785
+ --color-berget-brand-moss-400: oklch(66% 0.097 161);
786
+ --color-berget-brand-moss-500: oklch(55% 0.111 161);
787
+ --color-berget-brand-moss-600: oklch(44% 0.105 158);
788
+ --color-berget-brand-moss-700: oklch(34% 0.086 155);
789
+ --color-berget-brand-moss-800: oklch(26% 0.069 154);
790
+ --color-berget-brand-moss-900: oklch(21% 0.055 153);
791
+ --color-berget-brand-moss-950: oklch(15% 0.04 152);
792
792
 
793
793
  /* Full Muscaria scale (11 step) */
794
- --color-berget-brand-muscaria-50: #ffedea;
795
- --color-berget-brand-muscaria-100: #fed7d1;
796
- --color-berget-brand-muscaria-200: #ffb9af;
797
- --color-berget-brand-muscaria-300: #f89082;
798
- --color-berget-brand-muscaria-400: #e66354;
799
- --color-berget-brand-muscaria-500: #d1392e;
800
- --color-berget-brand-muscaria-600: #a50000;
801
- --color-berget-brand-muscaria-700: #750000;
802
- --color-berget-brand-muscaria-800: #530000;
803
- --color-berget-brand-muscaria-900: #3a0000;
804
- --color-berget-brand-muscaria-950: #220000;
794
+ --color-berget-brand-muscaria-50: oklch(96% 0.02 29);
795
+ --color-berget-brand-muscaria-100: oklch(91% 0.044 29);
796
+ --color-berget-brand-muscaria-200: oklch(85% 0.083 29);
797
+ --color-berget-brand-muscaria-300: oklch(76% 0.128 29);
798
+ --color-berget-brand-muscaria-400: oklch(66% 0.167 29);
799
+ --color-berget-brand-muscaria-500: oklch(57% 0.191 29);
800
+ --color-berget-brand-muscaria-600: oklch(45% 0.186 29);
801
+ --color-berget-brand-muscaria-700: oklch(35% 0.145 29);
802
+ --color-berget-brand-muscaria-800: oklch(28% 0.114 29);
803
+ --color-berget-brand-muscaria-900: oklch(22% 0.09 29);
804
+ --color-berget-brand-muscaria-950: oklch(16% 0.065 29);
805
805
 
806
806
  /* Full Chanterelle scale (11 step) */
807
- --color-berget-brand-chanterelle-50: #ffeeb7;
808
- --color-berget-brand-chanterelle-100: #ffd976;
809
- --color-berget-brand-chanterelle-200: #ffc11e;
810
- --color-berget-brand-chanterelle-300: #e3a500;
811
- --color-berget-brand-chanterelle-400: #bc8800;
812
- --color-berget-brand-chanterelle-500: #926a04;
813
- --color-berget-brand-chanterelle-600: #6b4d05;
814
- --color-berget-brand-chanterelle-700: #493403;
815
- --color-berget-brand-chanterelle-800: #322202;
816
- --color-berget-brand-chanterelle-900: #201501;
817
- --color-berget-brand-chanterelle-950: #100900;
807
+ --color-berget-brand-chanterelle-50: oklch(95% 0.072 92);
808
+ --color-berget-brand-chanterelle-100: oklch(90% 0.125 89);
809
+ --color-berget-brand-chanterelle-200: oklch(84% 0.168 84);
810
+ --color-berget-brand-chanterelle-300: oklch(76% 0.157 81);
811
+ --color-berget-brand-chanterelle-400: oklch(66% 0.136 81);
812
+ --color-berget-brand-chanterelle-500: oklch(55% 0.112 82);
813
+ --color-berget-brand-chanterelle-600: oklch(44% 0.088 82);
814
+ --color-berget-brand-chanterelle-700: oklch(34% 0.068 82);
815
+ --color-berget-brand-chanterelle-800: oklch(26% 0.053 82);
816
+ --color-berget-brand-chanterelle-900: oklch(20% 0.041 82);
817
+ --color-berget-brand-chanterelle-950: oklch(15% 0.029 82);
818
818
 
819
819
  /* (No legacy single-value aliases) */
820
820
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bergetai/ui",
3
- "version": "0.1.81",
3
+ "version": "0.1.83",
4
4
  "description": "Berget Design System - Scandinavian-inspired design system with console aesthetic",
5
5
  "type": "module",
6
6
  "license": "MIT",