kaleido-ui 0.1.30 → 0.1.31

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 (14) hide show
  1. package/dist/css/kaleido-ui.css +6 -0
  2. package/dist/native/index.cjs +9 -3
  3. package/dist/native/index.d.cts +8 -0
  4. package/dist/native/index.d.ts +8 -0
  5. package/dist/native/index.js +9 -3
  6. package/dist/tokens/index.cjs +9 -3
  7. package/dist/tokens/index.d.cts +6 -0
  8. package/dist/tokens/index.d.ts +6 -0
  9. package/dist/tokens/index.js +9 -3
  10. package/dist/web/index.cjs +2471 -1209
  11. package/dist/web/index.d.cts +45 -26
  12. package/dist/web/index.d.ts +45 -26
  13. package/dist/web/index.js +2298 -1039
  14. package/package.json +1 -1
package/dist/css/kaleido-ui.css CHANGED
@@ -118,16 +118,22 @@
118
118
  --color-network-arkade: #7C3AED;
119
119
  --color-network-spark: #FF6D00;
120
120
  --color-network-lightning: #F6C343;
121
+ --color-network-liquid: #22e1c9;
122
+ --color-network-taproot: #D1D6D8;
121
123
  --color-network-bitcoin-chip: #44341F;
122
124
  --color-network-rgb-chip: #44282B;
123
125
  --color-network-arkade-chip: #362B55;
124
126
  --color-network-spark-chip: #284338;
125
127
  --color-network-lightning-chip: #3D421F;
128
+ --color-network-liquid-chip: #0D2A2E;
129
+ --color-network-taproot-chip: #1E2328;
126
130
  --color-network-bitcoin-text: #F2B063;
127
131
  --color-network-rgb-text: #E87872;
128
132
  --color-network-arkade-text: #A98CF2;
129
133
  --color-network-spark-text: #D6E5DE;
130
134
  --color-network-lightning-text: #E4D56F;
135
+ --color-network-liquid-text: #5DE5D6;
136
+ --color-network-taproot-text: #C4CACD;
131
137
 
132
138
  /* Asset icon brand colors */
133
139
  --color-asset-eth: #627EEA;
package/dist/native/index.cjs CHANGED
@@ -128,21 +128,27 @@ var colors = {
128
128
  rgb: "#DD352E",
129
129
  arkade: "#7C3AED",
130
130
  spark: "#FF6D00",
131
- lightning: "#F6C343"
131
+ lightning: "#F6C343",
132
+ liquid: "#22e1c9",
133
+ taproot: "#D1D6D8"
132
134
  },
133
135
  networkChip: {
134
136
  bitcoin: "#44341F",
135
137
  rgb: "#44282B",
136
138
  arkade: "#362B55",
137
139
  spark: "#284338",
138
- lightning: "#3D421F"
140
+ lightning: "#3D421F",
141
+ liquid: "#0D2A2E",
142
+ taproot: "#1E2328"
139
143
  },
140
144
  networkText: {
141
145
  bitcoin: "#F2B063",
142
146
  rgb: "#E87872",
143
147
  arkade: "#A98CF2",
144
148
  spark: "#D6E5DE",
145
- lightning: "#E4D56F"
149
+ lightning: "#E4D56F",
150
+ liquid: "#5DE5D6",
151
+ taproot: "#C4CACD"
146
152
  },
147
153
  /** Asset icon brand colors — used as solid backgrounds behind glyphs */
148
154
  assetIcon: {
package/dist/native/index.d.cts CHANGED
@@ -35,6 +35,8 @@ declare const kaleidoswapTokens: {
35
35
  readonly arkade: "#7C3AED";
36
36
  readonly spark: "#FF6D00";
37
37
  readonly lightning: "#F6C343";
38
+ readonly liquid: "#22e1c9";
39
+ readonly taproot: "#D1D6D8";
38
40
  };
39
41
  readonly tx: {
40
42
  readonly sent: "#F94040";
@@ -151,6 +153,8 @@ declare const colors: {
151
153
  readonly arkade: "#7C3AED";
152
154
  readonly spark: "#FF6D00";
153
155
  readonly lightning: "#F6C343";
156
+ readonly liquid: "#22e1c9";
157
+ readonly taproot: "#D1D6D8";
154
158
  };
155
159
  readonly networkChip: {
156
160
  readonly bitcoin: "#44341F";
@@ -158,6 +162,8 @@ declare const colors: {
158
162
  readonly arkade: "#362B55";
159
163
  readonly spark: "#284338";
160
164
  readonly lightning: "#3D421F";
165
+ readonly liquid: "#0D2A2E";
166
+ readonly taproot: "#1E2328";
161
167
  };
162
168
  readonly networkText: {
163
169
  readonly bitcoin: "#F2B063";
@@ -165,6 +171,8 @@ declare const colors: {
165
171
  readonly arkade: "#A98CF2";
166
172
  readonly spark: "#D6E5DE";
167
173
  readonly lightning: "#E4D56F";
174
+ readonly liquid: "#5DE5D6";
175
+ readonly taproot: "#C4CACD";
168
176
  };
169
177
  /** Asset icon brand colors — used as solid backgrounds behind glyphs */
170
178
  readonly assetIcon: {
package/dist/native/index.d.ts CHANGED
@@ -35,6 +35,8 @@ declare const kaleidoswapTokens: {
35
35
  readonly arkade: "#7C3AED";
36
36
  readonly spark: "#FF6D00";
37
37
  readonly lightning: "#F6C343";
38
+ readonly liquid: "#22e1c9";
39
+ readonly taproot: "#D1D6D8";
38
40
  };
39
41
  readonly tx: {
40
42
  readonly sent: "#F94040";
@@ -151,6 +153,8 @@ declare const colors: {
151
153
  readonly arkade: "#7C3AED";
152
154
  readonly spark: "#FF6D00";
153
155
  readonly lightning: "#F6C343";
156
+ readonly liquid: "#22e1c9";
157
+ readonly taproot: "#D1D6D8";
154
158
  };
155
159
  readonly networkChip: {
156
160
  readonly bitcoin: "#44341F";
@@ -158,6 +162,8 @@ declare const colors: {
158
162
  readonly arkade: "#362B55";
159
163
  readonly spark: "#284338";
160
164
  readonly lightning: "#3D421F";
165
+ readonly liquid: "#0D2A2E";
166
+ readonly taproot: "#1E2328";
161
167
  };
162
168
  readonly networkText: {
163
169
  readonly bitcoin: "#F2B063";
@@ -165,6 +171,8 @@ declare const colors: {
165
171
  readonly arkade: "#A98CF2";
166
172
  readonly spark: "#D6E5DE";
167
173
  readonly lightning: "#E4D56F";
174
+ readonly liquid: "#5DE5D6";
175
+ readonly taproot: "#C4CACD";
168
176
  };
169
177
  /** Asset icon brand colors — used as solid backgrounds behind glyphs */
170
178
  readonly assetIcon: {
package/dist/native/index.js CHANGED
@@ -78,21 +78,27 @@ var colors = {
78
78
  rgb: "#DD352E",
79
79
  arkade: "#7C3AED",
80
80
  spark: "#FF6D00",
81
- lightning: "#F6C343"
81
+ lightning: "#F6C343",
82
+ liquid: "#22e1c9",
83
+ taproot: "#D1D6D8"
82
84
  },
83
85
  networkChip: {
84
86
  bitcoin: "#44341F",
85
87
  rgb: "#44282B",
86
88
  arkade: "#362B55",
87
89
  spark: "#284338",
88
- lightning: "#3D421F"
90
+ lightning: "#3D421F",
91
+ liquid: "#0D2A2E",
92
+ taproot: "#1E2328"
89
93
  },
90
94
  networkText: {
91
95
  bitcoin: "#F2B063",
92
96
  rgb: "#E87872",
93
97
  arkade: "#A98CF2",
94
98
  spark: "#D6E5DE",
95
- lightning: "#E4D56F"
99
+ lightning: "#E4D56F",
100
+ liquid: "#5DE5D6",
101
+ taproot: "#C4CACD"
96
102
  },
97
103
  /** Asset icon brand colors — used as solid backgrounds behind glyphs */
98
104
  assetIcon: {
package/dist/tokens/index.cjs CHANGED
@@ -141,21 +141,27 @@ var colors = {
141
141
  rgb: "#DD352E",
142
142
  arkade: "#7C3AED",
143
143
  spark: "#FF6D00",
144
- lightning: "#F6C343"
144
+ lightning: "#F6C343",
145
+ liquid: "#22e1c9",
146
+ taproot: "#D1D6D8"
145
147
  },
146
148
  networkChip: {
147
149
  bitcoin: "#44341F",
148
150
  rgb: "#44282B",
149
151
  arkade: "#362B55",
150
152
  spark: "#284338",
151
- lightning: "#3D421F"
153
+ lightning: "#3D421F",
154
+ liquid: "#0D2A2E",
155
+ taproot: "#1E2328"
152
156
  },
153
157
  networkText: {
154
158
  bitcoin: "#F2B063",
155
159
  rgb: "#E87872",
156
160
  arkade: "#A98CF2",
157
161
  spark: "#D6E5DE",
158
- lightning: "#E4D56F"
162
+ lightning: "#E4D56F",
163
+ liquid: "#5DE5D6",
164
+ taproot: "#C4CACD"
159
165
  },
160
166
  /** Asset icon brand colors — used as solid backgrounds behind glyphs */
161
167
  assetIcon: {
package/dist/tokens/index.d.cts CHANGED
@@ -77,6 +77,8 @@ declare const colors: {
77
77
  readonly arkade: "#7C3AED";
78
78
  readonly spark: "#FF6D00";
79
79
  readonly lightning: "#F6C343";
80
+ readonly liquid: "#22e1c9";
81
+ readonly taproot: "#D1D6D8";
80
82
  };
81
83
  readonly networkChip: {
82
84
  readonly bitcoin: "#44341F";
@@ -84,6 +86,8 @@ declare const colors: {
84
86
  readonly arkade: "#362B55";
85
87
  readonly spark: "#284338";
86
88
  readonly lightning: "#3D421F";
89
+ readonly liquid: "#0D2A2E";
90
+ readonly taproot: "#1E2328";
87
91
  };
88
92
  readonly networkText: {
89
93
  readonly bitcoin: "#F2B063";
@@ -91,6 +95,8 @@ declare const colors: {
91
95
  readonly arkade: "#A98CF2";
92
96
  readonly spark: "#D6E5DE";
93
97
  readonly lightning: "#E4D56F";
98
+ readonly liquid: "#5DE5D6";
99
+ readonly taproot: "#C4CACD";
94
100
  };
95
101
  /** Asset icon brand colors — used as solid backgrounds behind glyphs */
96
102
  readonly assetIcon: {
package/dist/tokens/index.d.ts CHANGED
@@ -77,6 +77,8 @@ declare const colors: {
77
77
  readonly arkade: "#7C3AED";
78
78
  readonly spark: "#FF6D00";
79
79
  readonly lightning: "#F6C343";
80
+ readonly liquid: "#22e1c9";
81
+ readonly taproot: "#D1D6D8";
80
82
  };
81
83
  readonly networkChip: {
82
84
  readonly bitcoin: "#44341F";
@@ -84,6 +86,8 @@ declare const colors: {
84
86
  readonly arkade: "#362B55";
85
87
  readonly spark: "#284338";
86
88
  readonly lightning: "#3D421F";
89
+ readonly liquid: "#0D2A2E";
90
+ readonly taproot: "#1E2328";
87
91
  };
88
92
  readonly networkText: {
89
93
  readonly bitcoin: "#F2B063";
@@ -91,6 +95,8 @@ declare const colors: {
91
95
  readonly arkade: "#A98CF2";
92
96
  readonly spark: "#D6E5DE";
93
97
  readonly lightning: "#E4D56F";
98
+ readonly liquid: "#5DE5D6";
99
+ readonly taproot: "#C4CACD";
94
100
  };
95
101
  /** Asset icon brand colors — used as solid backgrounds behind glyphs */
96
102
  readonly assetIcon: {
package/dist/tokens/index.js CHANGED
@@ -100,21 +100,27 @@ var colors = {
100
100
  rgb: "#DD352E",
101
101
  arkade: "#7C3AED",
102
102
  spark: "#FF6D00",
103
- lightning: "#F6C343"
103
+ lightning: "#F6C343",
104
+ liquid: "#22e1c9",
105
+ taproot: "#D1D6D8"
104
106
  },
105
107
  networkChip: {
106
108
  bitcoin: "#44341F",
107
109
  rgb: "#44282B",
108
110
  arkade: "#362B55",
109
111
  spark: "#284338",
110
- lightning: "#3D421F"
112
+ lightning: "#3D421F",
113
+ liquid: "#0D2A2E",
114
+ taproot: "#1E2328"
111
115
  },
112
116
  networkText: {
113
117
  bitcoin: "#F2B063",
114
118
  rgb: "#E87872",
115
119
  arkade: "#A98CF2",
116
120
  spark: "#D6E5DE",
117
- lightning: "#E4D56F"
121
+ lightning: "#E4D56F",
122
+ liquid: "#5DE5D6",
123
+ taproot: "#C4CACD"
118
124
  },
119
125
  /** Asset icon brand colors — used as solid backgrounds behind glyphs */
120
126
  assetIcon: {