@xsolla/xui-core 0.228.0 → 0.229.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.
package/index.mjs CHANGED
@@ -383,8 +383,12 @@ var dark_default = {
383
383
  textCompact: "rgba(255, 255, 255, 0.48)"
384
384
  },
385
385
  rarity: {
386
- bg: "#141d1f",
387
- text: "#22a8c3"
386
+ common: "#d9d9d9",
387
+ uncommon: "#a3c245",
388
+ rare: "#7cd9f1",
389
+ epic: "#9282f7",
390
+ legendary: "#eaaf64",
391
+ content: "#000000"
388
392
  },
389
393
  name: {
390
394
  bg: "#233134",
@@ -826,8 +830,12 @@ var light_default = {
826
830
  textCompact: "rgba(0, 0, 0, 0.48)"
827
831
  },
828
832
  rarity: {
829
- bg: "#141d1f",
830
- text: "#22a8c3"
833
+ common: "#d9d9d9",
834
+ uncommon: "#a3c245",
835
+ rare: "#7cd9f1",
836
+ epic: "#9282f7",
837
+ legendary: "#eaaf64",
838
+ content: "#000000"
831
839
  },
832
840
  name: {
833
841
  bg: "rgba(155, 165, 145, 0.1)",
@@ -1269,8 +1277,12 @@ var ltg_dark_default = {
1269
1277
  textCompact: "rgba(255, 255, 255, 0.48)"
1270
1278
  },
1271
1279
  rarity: {
1272
- bg: "#141d1f",
1273
- text: "#22a8c3"
1280
+ common: "#d9d9d9",
1281
+ uncommon: "#a3c245",
1282
+ rare: "#7cd9f1",
1283
+ epic: "#9282f7",
1284
+ legendary: "#eaaf64",
1285
+ content: "#000000"
1274
1286
  },
1275
1287
  name: {
1276
1288
  bg: "#ffffff",
@@ -1712,8 +1724,12 @@ var ltg_light_default = {
1712
1724
  textCompact: "rgba(0, 0, 0, 0.48)"
1713
1725
  },
1714
1726
  rarity: {
1715
- bg: "#141d1f",
1716
- text: "#22a8c3"
1727
+ common: "#d9d9d9",
1728
+ uncommon: "#a3c245",
1729
+ rare: "#7cd9f1",
1730
+ epic: "#9282f7",
1731
+ legendary: "#eaaf64",
1732
+ content: "#000000"
1717
1733
  },
1718
1734
  name: {
1719
1735
  bg: "rgba(155, 165, 145, 0.1)",
@@ -2155,8 +2171,12 @@ var blueprints_default = {
2155
2171
  textCompact: "rgba(0, 0, 0, 0.48)"
2156
2172
  },
2157
2173
  rarity: {
2158
- bg: "#141d1f",
2159
- text: "#22a8c3"
2174
+ common: "#d9d9d9",
2175
+ uncommon: "#a3c245",
2176
+ rare: "#7cd9f1",
2177
+ epic: "#9282f7",
2178
+ legendary: "#eaaf64",
2179
+ content: "#000000"
2160
2180
  },
2161
2181
  name: {
2162
2182
  bg: "#ffffff",
@@ -2598,8 +2618,12 @@ var corpsite_dark_default = {
2598
2618
  textCompact: "rgba(255, 255, 255, 0.48)"
2599
2619
  },
2600
2620
  rarity: {
2601
- bg: "#141d1f",
2602
- text: "#22a8c3"
2621
+ common: "#d9d9d9",
2622
+ uncommon: "#a3c245",
2623
+ rare: "#7cd9f1",
2624
+ epic: "#9282f7",
2625
+ legendary: "#eaaf64",
2626
+ content: "#000000"
2603
2627
  },
2604
2628
  name: {
2605
2629
  bg: "#233134",
@@ -3041,8 +3065,12 @@ var corpsite_light_default = {
3041
3065
  textCompact: "rgba(0, 0, 0, 0.48)"
3042
3066
  },
3043
3067
  rarity: {
3044
- bg: "#141d1f",
3045
- text: "#22a8c3"
3068
+ common: "#d9d9d9",
3069
+ uncommon: "#a3c245",
3070
+ rare: "#7cd9f1",
3071
+ epic: "#9282f7",
3072
+ legendary: "#eaaf64",
3073
+ content: "#000000"
3046
3074
  },
3047
3075
  name: {
3048
3076
  bg: "#ffffff",
@@ -4776,6 +4804,24 @@ var segmented = (size) => {
4776
4804
  lineHeight: 16,
4777
4805
  iconSize: 20,
4778
4806
  gap: 4
4807
+ },
4808
+ xs: {
4809
+ // Container 36px / item 28px. In Figma the xs container binds the same
4810
+ // radius variable as sm (there is no `segmented/xs` shape token), so it
4811
+ // reuses shape.segmented.sm. The item uses the existing segmentedItem.xs.
4812
+ // Paddings and gaps are not token-bound in Figma yet (raw 12/6/4,
4813
+ // identical to sm).
4814
+ height: 36,
4815
+ containerPadding: 3,
4816
+ containerRadius: shape.segmented.sm.borderRadius,
4817
+ itemHeight: 28,
4818
+ itemPaddingHorizontal: 12,
4819
+ itemPaddingVertical: 6,
4820
+ itemRadius: shape.segmentedItem.xs.borderRadius,
4821
+ fontSize: 10,
4822
+ lineHeight: 12,
4823
+ iconSize: 16,
4824
+ gap: 4
4779
4825
  }
4780
4826
  };
4781
4827
  return configs[size];