@kcascend/liquid-ui 0.0.4 → 0.0.6

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.
@@ -747,6 +747,10 @@ export const tokens = {
747
747
  "type": "dimension",
748
748
  "value": "0px"
749
749
  },
750
+ "1": {
751
+ "type": "dimension",
752
+ "value": "1px"
753
+ },
750
754
  "2": {
751
755
  "type": "dimension",
752
756
  "value": "2px"
@@ -1447,19 +1451,19 @@ export const tokens = {
1447
1451
  "background": {
1448
1452
  "neutral": {
1449
1453
  "type": "color",
1450
- "value": "{primitives.color.gray.10}"
1454
+ "value": "{primitives.color.gray.20}"
1451
1455
  },
1452
1456
  "blue": {
1453
1457
  "type": "color",
1454
- "value": "{primitives.color.blue.10}"
1458
+ "value": "{primitives.color.blue.20}"
1455
1459
  },
1456
1460
  "green": {
1457
1461
  "type": "color",
1458
- "value": "{primitives.color.green.10}"
1462
+ "value": "{primitives.color.green.20}"
1459
1463
  },
1460
1464
  "purple": {
1461
1465
  "type": "color",
1462
- "value": "{primitives.color.purple.10}"
1466
+ "value": "{primitives.color.purple.20}"
1463
1467
  }
1464
1468
  },
1465
1469
  "text": {
@@ -1473,7 +1477,7 @@ export const tokens = {
1473
1477
  },
1474
1478
  "green": {
1475
1479
  "type": "color",
1476
- "value": "{primitives.color.green.80}"
1480
+ "value": "{primitives.color.green.70}"
1477
1481
  },
1478
1482
  "purple": {
1479
1483
  "type": "color",
@@ -1584,6 +1588,10 @@ export const tokens = {
1584
1588
  "xl": {
1585
1589
  "type": "color",
1586
1590
  "value": "{semantic-layout.spacing.32}"
1591
+ },
1592
+ "2xs": {
1593
+ "type": "dimension",
1594
+ "value": "{primitives.space.4}"
1587
1595
  }
1588
1596
  },
1589
1597
  "icon": {
@@ -1830,6 +1838,50 @@ export const tokens = {
1830
1838
  "type": "dimension",
1831
1839
  "value": "{primitives.typography.letter-spacing.minus-016}"
1832
1840
  }
1841
+ },
1842
+ "display-mobile-01": {
1843
+ "family": {
1844
+ "type": "string",
1845
+ "value": "{primitives.typography.family.roboto-condensed}"
1846
+ },
1847
+ "weight": {
1848
+ "type": "string",
1849
+ "value": "{primitives.typography.weight.semibold}"
1850
+ },
1851
+ "size": {
1852
+ "type": "dimension",
1853
+ "value": "{primitives.typography.size.48}"
1854
+ },
1855
+ "line-height": {
1856
+ "type": "dimension",
1857
+ "value": "{primitives.typography.line-height.56}"
1858
+ },
1859
+ "letter-spacing": {
1860
+ "type": "dimension",
1861
+ "value": "{primitives.typography.letter-spacing.0}"
1862
+ }
1863
+ },
1864
+ "display-mobile-02": {
1865
+ "family": {
1866
+ "type": "string",
1867
+ "value": "{primitives.typography.family.roboto-condensed}"
1868
+ },
1869
+ "weight": {
1870
+ "type": "string",
1871
+ "value": "{primitives.typography.weight.semibold}"
1872
+ },
1873
+ "size": {
1874
+ "type": "dimension",
1875
+ "value": "{primitives.typography.size.40}"
1876
+ },
1877
+ "line-height": {
1878
+ "type": "dimension",
1879
+ "value": "{primitives.typography.line-height.48}"
1880
+ },
1881
+ "letter-spacing": {
1882
+ "type": "dimension",
1883
+ "value": "{primitives.typography.letter-spacing.0}"
1884
+ }
1833
1885
  }
1834
1886
  },
1835
1887
  "heading": {
@@ -1964,6 +2016,94 @@ export const tokens = {
1964
2016
  "type": "dimension",
1965
2017
  "value": "{primitives.typography.letter-spacing.0}"
1966
2018
  }
2019
+ },
2020
+ "heading-mobile-01": {
2021
+ "family": {
2022
+ "type": "string",
2023
+ "value": "{primitives.typography.family.roboto-condensed}"
2024
+ },
2025
+ "weight": {
2026
+ "type": "string",
2027
+ "value": "{primitives.typography.weight.medium}"
2028
+ },
2029
+ "size": {
2030
+ "type": "dimension",
2031
+ "value": "{primitives.typography.size.36}"
2032
+ },
2033
+ "line-height": {
2034
+ "type": "dimension",
2035
+ "value": "{primitives.typography.line-height.44}"
2036
+ },
2037
+ "letter-spacing": {
2038
+ "type": "dimension",
2039
+ "value": "{primitives.typography.letter-spacing.0}"
2040
+ }
2041
+ },
2042
+ "heading-mobile-02": {
2043
+ "family": {
2044
+ "type": "string",
2045
+ "value": "{primitives.typography.family.roboto-condensed}"
2046
+ },
2047
+ "weight": {
2048
+ "type": "string",
2049
+ "value": "{primitives.typography.weight.medium}"
2050
+ },
2051
+ "size": {
2052
+ "type": "dimension",
2053
+ "value": "{primitives.typography.size.32}"
2054
+ },
2055
+ "line-height": {
2056
+ "type": "dimension",
2057
+ "value": "{primitives.typography.line-height.40}"
2058
+ },
2059
+ "letter-spacing": {
2060
+ "type": "dimension",
2061
+ "value": "{primitives.typography.letter-spacing.0}"
2062
+ }
2063
+ },
2064
+ "heading-mobile-03": {
2065
+ "family": {
2066
+ "type": "string",
2067
+ "value": "{primitives.typography.family.roboto-condensed}"
2068
+ },
2069
+ "weight": {
2070
+ "type": "string",
2071
+ "value": "{primitives.typography.weight.medium}"
2072
+ },
2073
+ "size": {
2074
+ "type": "dimension",
2075
+ "value": "{primitives.typography.size.28}"
2076
+ },
2077
+ "line-height": {
2078
+ "type": "dimension",
2079
+ "value": "{primitives.typography.line-height.36}"
2080
+ },
2081
+ "letter-spacing": {
2082
+ "type": "dimension",
2083
+ "value": "{primitives.typography.letter-spacing.0}"
2084
+ }
2085
+ },
2086
+ "heading-mobile-04": {
2087
+ "family": {
2088
+ "type": "string",
2089
+ "value": "{primitives.typography.family.roboto-condensed}"
2090
+ },
2091
+ "weight": {
2092
+ "type": "string",
2093
+ "value": "{primitives.typography.weight.medium}"
2094
+ },
2095
+ "size": {
2096
+ "type": "dimension",
2097
+ "value": "{primitives.typography.size.20}"
2098
+ },
2099
+ "line-height": {
2100
+ "type": "dimension",
2101
+ "value": "{primitives.typography.line-height.28}"
2102
+ },
2103
+ "letter-spacing": {
2104
+ "type": "dimension",
2105
+ "value": "{primitives.typography.letter-spacing.0}"
2106
+ }
1967
2107
  }
1968
2108
  },
1969
2109
  "body": {
@@ -2248,6 +2388,10 @@ export const tokens = {
2248
2388
  "type": "dimension",
2249
2389
  "value": "{primitives.space.16}",
2250
2390
  "description": "Narrow gutter mode."
2391
+ },
2392
+ "condensed": {
2393
+ "type": "dimension",
2394
+ "value": "{primitives.space.1}"
2251
2395
  }
2252
2396
  },
2253
2397
  "container": {
@@ -2634,6 +2778,14 @@ export const tokens = {
2634
2778
  "focus": {
2635
2779
  "type": "color",
2636
2780
  "value": "{semantic-color.focus.focus}"
2781
+ },
2782
+ "default": {
2783
+ "type": "color",
2784
+ "value": "{semantic-color.icon.icon-primary}"
2785
+ },
2786
+ "error": {
2787
+ "type": "color",
2788
+ "value": "{semantic-color.border.border-error}"
2637
2789
  }
2638
2790
  },
2639
2791
  "icon": {
@@ -2655,6 +2807,30 @@ export const tokens = {
2655
2807
  "type": "color",
2656
2808
  "value": "{semantic-color.text.text-disabled}"
2657
2809
  }
2810
+ },
2811
+ "group-label": {
2812
+ "text": {
2813
+ "type": "color",
2814
+ "value": "{semantic-color.text.text-secondary}"
2815
+ }
2816
+ },
2817
+ "helper": {
2818
+ "text": {
2819
+ "type": "color",
2820
+ "value": "{semantic-color.text.text-helper}"
2821
+ }
2822
+ },
2823
+ "error": {
2824
+ "text": {
2825
+ "type": "color",
2826
+ "value": "{semantic-color.text.text-error}"
2827
+ }
2828
+ },
2829
+ "warning": {
2830
+ "text": {
2831
+ "type": "color",
2832
+ "value": "{semantic-color.text.text-primary}"
2833
+ }
2658
2834
  }
2659
2835
  },
2660
2836
  "radio": {
@@ -2662,6 +2838,14 @@ export const tokens = {
2662
2838
  "focus": {
2663
2839
  "type": "color",
2664
2840
  "value": "{semantic-color.focus.focus}"
2841
+ },
2842
+ "default": {
2843
+ "type": "color",
2844
+ "value": "{semantic-color.icon.icon-primary}"
2845
+ },
2846
+ "error": {
2847
+ "type": "color",
2848
+ "value": "{semantic-color.border.border-error}"
2665
2849
  }
2666
2850
  },
2667
2851
  "icon": {
@@ -2683,6 +2867,36 @@ export const tokens = {
2683
2867
  "type": "color",
2684
2868
  "value": "{semantic-color.text.text-disabled}"
2685
2869
  }
2870
+ },
2871
+ "group-label": {
2872
+ "text": {
2873
+ "type": "color",
2874
+ "value": "{semantic-color.text.text-secondary}"
2875
+ }
2876
+ },
2877
+ "helper": {
2878
+ "text": {
2879
+ "type": "color",
2880
+ "value": "{semantic-color.text.text-helper}"
2881
+ }
2882
+ },
2883
+ "error": {
2884
+ "text": {
2885
+ "type": "color",
2886
+ "value": "{semantic-color.text.text-error}"
2887
+ }
2888
+ },
2889
+ "warning": {
2890
+ "text": {
2891
+ "type": "color",
2892
+ "value": "{semantic-color.text.text-primary}"
2893
+ }
2894
+ },
2895
+ "dot": {
2896
+ "default": {
2897
+ "type": "color",
2898
+ "value": "{semantic-color.icon.icon-primary}"
2899
+ }
2686
2900
  }
2687
2901
  },
2688
2902
  "select": {
@@ -3792,45 +4006,193 @@ export const tokens = {
3792
4006
  "value": "{semantic-color.link.link-visited}"
3793
4007
  }
3794
4008
  }
3795
- }
3796
- }
3797
- },
3798
- "component-layout": {
3799
- "component": {
3800
- "button": {
3801
- "height": {
3802
- "sm": {
4009
+ },
4010
+ "checkbox-group": {
4011
+ "group-label": {
4012
+ "text": {
3803
4013
  "type": "color",
3804
- "value": "{semantic-layout.control.height.sm}"
3805
- },
3806
- "md": {
4014
+ "value": "{semantic-color.text.text-secondary}"
4015
+ }
4016
+ },
4017
+ "helper": {
4018
+ "text": {
3807
4019
  "type": "color",
3808
- "value": "{semantic-layout.control.height.md}"
3809
- },
3810
- "lg": {
4020
+ "value": "{semantic-color.text.text-helper}"
4021
+ }
4022
+ },
4023
+ "error": {
4024
+ "text": {
3811
4025
  "type": "color",
3812
- "value": "{semantic-layout.control.height.lg}"
4026
+ "value": "{semantic-color.text.text-error}"
3813
4027
  }
3814
4028
  },
3815
- "padding-x": {
3816
- "sm": {
4029
+ "warning": {
4030
+ "text": {
3817
4031
  "type": "color",
3818
- "value": "{semantic-layout.control.padding.sm}"
3819
- },
3820
- "md": {
4032
+ "value": "{semantic-color.text.text-primary}"
4033
+ }
4034
+ }
4035
+ },
4036
+ "radio-group": {
4037
+ "group-label": {
4038
+ "text": {
3821
4039
  "type": "color",
3822
- "value": "{semantic-layout.control.padding.md}"
3823
- },
3824
- "lg": {
4040
+ "value": "{semantic-color.text.text-secondary}"
4041
+ }
4042
+ },
4043
+ "helper": {
4044
+ "text": {
3825
4045
  "type": "color",
3826
- "value": "{semantic-layout.control.padding.lg}"
4046
+ "value": "{semantic-color.text.text-helper}"
3827
4047
  }
3828
4048
  },
3829
- "gap": {
3830
- "type": "color",
3831
- "value": "{semantic-layout.control.icon-gap}"
4049
+ "error": {
4050
+ "text": {
4051
+ "type": "color",
4052
+ "value": "{semantic-color.text.text-error}"
4053
+ }
3832
4054
  },
3833
- "min-width": {
4055
+ "warning": {
4056
+ "text": {
4057
+ "type": "color",
4058
+ "value": "{semantic-color.text.text-primary}"
4059
+ }
4060
+ }
4061
+ },
4062
+ "ui-shell-right-panel": {
4063
+ "item": {
4064
+ "background": {
4065
+ "default": {
4066
+ "type": "color",
4067
+ "value": "{semantic-color.background.transparent}"
4068
+ },
4069
+ "hover": {
4070
+ "type": "color",
4071
+ "value": "{semantic-color.surface.surface-02-hover}"
4072
+ }
4073
+ },
4074
+ "text": {
4075
+ "default": {
4076
+ "type": "color",
4077
+ "value": "{semantic-color.text.text-secondary}"
4078
+ },
4079
+ "hover": {
4080
+ "type": "color",
4081
+ "value": "{semantic-color.text.text-primary}"
4082
+ },
4083
+ "disabled": {
4084
+ "type": "color",
4085
+ "value": "{semantic-color.text.text-disabled}"
4086
+ }
4087
+ },
4088
+ "border": {
4089
+ "focus": {
4090
+ "type": "color",
4091
+ "value": "{semantic-color.focus.focus}"
4092
+ }
4093
+ },
4094
+ "divider": {
4095
+ "type": "color",
4096
+ "value": "{semantic-color.border.border-subtle}"
4097
+ }
4098
+ },
4099
+ "background": {
4100
+ "type": "color",
4101
+ "value": "{semantic-color.surface.surface-02}"
4102
+ },
4103
+ "border": {
4104
+ "type": "color",
4105
+ "value": "{semantic-color.border.border-subtle}"
4106
+ }
4107
+ },
4108
+ "ui-shell-left-panel": {
4109
+ "background": {
4110
+ "type": "color",
4111
+ "value": "{semantic-color.background.background}"
4112
+ },
4113
+ "item": {
4114
+ "background": {
4115
+ "default": {
4116
+ "type": "color",
4117
+ "value": "{semantic-color.background.transparent}"
4118
+ },
4119
+ "hover": {
4120
+ "type": "color",
4121
+ "value": "{semantic-color.surface.surface-02-hover}"
4122
+ },
4123
+ "selected": {
4124
+ "type": "color",
4125
+ "value": "{semantic-color.background.background-selected}"
4126
+ }
4127
+ },
4128
+ "text": {
4129
+ "default": {
4130
+ "type": "color",
4131
+ "value": "{semantic-color.text.text-secondary}"
4132
+ },
4133
+ "hover": {
4134
+ "type": "color",
4135
+ "value": "{semantic-color.text.text-primary}"
4136
+ },
4137
+ "selected": {
4138
+ "type": "color",
4139
+ "value": "{semantic-color.text.text-primary}"
4140
+ },
4141
+ "disabled": {
4142
+ "type": "color",
4143
+ "value": "{semantic-color.text.text-disabled}"
4144
+ }
4145
+ },
4146
+ "indicator": {
4147
+ "type": "color",
4148
+ "value": "{semantic-color.border.border-selected}"
4149
+ },
4150
+ "border": {
4151
+ "focus": {
4152
+ "type": "color",
4153
+ "value": "{semantic-color.focus.focus}"
4154
+ }
4155
+ }
4156
+ }
4157
+ }
4158
+ }
4159
+ },
4160
+ "component-layout": {
4161
+ "component": {
4162
+ "button": {
4163
+ "height": {
4164
+ "sm": {
4165
+ "type": "color",
4166
+ "value": "{semantic-layout.control.height.sm}"
4167
+ },
4168
+ "md": {
4169
+ "type": "color",
4170
+ "value": "{semantic-layout.control.height.md}"
4171
+ },
4172
+ "lg": {
4173
+ "type": "color",
4174
+ "value": "{semantic-layout.control.height.lg}"
4175
+ }
4176
+ },
4177
+ "padding-x": {
4178
+ "sm": {
4179
+ "type": "color",
4180
+ "value": "{semantic-layout.control.padding.sm}"
4181
+ },
4182
+ "md": {
4183
+ "type": "color",
4184
+ "value": "{semantic-layout.control.padding.md}"
4185
+ },
4186
+ "lg": {
4187
+ "type": "color",
4188
+ "value": "{semantic-layout.control.padding.lg}"
4189
+ }
4190
+ },
4191
+ "gap": {
4192
+ "type": "color",
4193
+ "value": "{semantic-layout.control.icon-gap}"
4194
+ },
4195
+ "min-width": {
3834
4196
  "type": "color",
3835
4197
  "value": "{semantic-layout.spacing.96}"
3836
4198
  }
@@ -3896,7 +4258,7 @@ export const tokens = {
3896
4258
  "type": "color",
3897
4259
  "value": "{semantic-layout.control.icon-gap}"
3898
4260
  },
3899
- "label-gap": {
4261
+ "gap": {
3900
4262
  "type": "color",
3901
4263
  "value": "{semantic-layout.stack.xs}"
3902
4264
  },
@@ -3910,9 +4272,9 @@ export const tokens = {
3910
4272
  "type": "color",
3911
4273
  "value": "{semantic-layout.icon.sm}"
3912
4274
  },
3913
- "label-gap": {
4275
+ "gap": {
3914
4276
  "type": "color",
3915
- "value": "{semantic-layout.stack.xs}"
4277
+ "value": "{semantic-layout.inline.2xs}"
3916
4278
  },
3917
4279
  "target": {
3918
4280
  "type": "color",
@@ -3921,6 +4283,22 @@ export const tokens = {
3921
4283
  "icon-gap": {
3922
4284
  "type": "color",
3923
4285
  "value": "{semantic-layout.control.icon-gap}"
4286
+ },
4287
+ "group": {
4288
+ "label-gap": {
4289
+ "type": "color",
4290
+ "value": "{semantic-layout.stack.xs}"
4291
+ },
4292
+ "item-gap-vertical": {
4293
+ "type": "color",
4294
+ "value": "{semantic-layout.stack.2xs}"
4295
+ }
4296
+ },
4297
+ "option": {
4298
+ "control-label-gap": {
4299
+ "type": "color",
4300
+ "value": "{semantic-layout.inline.xs}"
4301
+ }
3924
4302
  }
3925
4303
  },
3926
4304
  "select": {
@@ -3972,7 +4350,7 @@ export const tokens = {
3972
4350
  "value": "{semantic-layout.stack.xs}"
3973
4351
  }
3974
4352
  },
3975
- "label-gap": {
4353
+ "gap": {
3976
4354
  "type": "color",
3977
4355
  "value": "{semantic-layout.stack.xs}"
3978
4356
  }
@@ -4008,9 +4386,9 @@ export const tokens = {
4008
4386
  "type": "color",
4009
4387
  "value": "{semantic-layout.inset.2xs}"
4010
4388
  },
4011
- "label-gap": {
4389
+ "gap": {
4012
4390
  "type": "color",
4013
- "value": "{semantic-layout.stack.xs}"
4391
+ "value": "{semantic-layout.inline.2xs}"
4014
4392
  },
4015
4393
  "target": {
4016
4394
  "type": "color",
@@ -4212,9 +4590,9 @@ export const tokens = {
4212
4590
  "type": "color",
4213
4591
  "value": "{semantic-layout.target.min}"
4214
4592
  },
4215
- "label-gap": {
4593
+ "gap": {
4216
4594
  "type": "color",
4217
- "value": "{semantic-layout.stack.xs}"
4595
+ "value": "{semantic-layout.inline.2xs}"
4218
4596
  },
4219
4597
  "size": {
4220
4598
  "type": "color",
@@ -4223,6 +4601,22 @@ export const tokens = {
4223
4601
  "icon-gap": {
4224
4602
  "type": "color",
4225
4603
  "value": "{semantic-layout.control.icon-gap}"
4604
+ },
4605
+ "group": {
4606
+ "label-gap": {
4607
+ "type": "color",
4608
+ "value": "{semantic-layout.stack.xs}"
4609
+ },
4610
+ "item-gap-vertical": {
4611
+ "type": "color",
4612
+ "value": "{semantic-layout.stack.xs}"
4613
+ }
4614
+ },
4615
+ "option": {
4616
+ "control-label-gap": {
4617
+ "type": "color",
4618
+ "value": "{semantic-layout.inline.xs}"
4619
+ }
4226
4620
  }
4227
4621
  },
4228
4622
  "pagination": {
@@ -4318,6 +4712,10 @@ export const tokens = {
4318
4712
  "body-gap": {
4319
4713
  "type": "color",
4320
4714
  "value": "{semantic-layout.stack.3xl}"
4715
+ },
4716
+ "title-description-gap": {
4717
+ "type": "color",
4718
+ "value": "{semantic-layout.stack.xs}"
4321
4719
  }
4322
4720
  },
4323
4721
  "body": {
@@ -4570,6 +4968,74 @@ export const tokens = {
4570
4968
  "value": "{semantic-layout.inline.xs}"
4571
4969
  }
4572
4970
  }
4971
+ },
4972
+ "checkbox-group": {
4973
+ "label-gap": {
4974
+ "type": "color",
4975
+ "value": "{semantic-layout.stack.sm}"
4976
+ },
4977
+ "item-gap-vertical": {
4978
+ "type": "color",
4979
+ "value": "{semantic-layout.stack.xs}"
4980
+ },
4981
+ "control-label-gap": {
4982
+ "type": "color",
4983
+ "value": "{semantic-layout.inline.xs}"
4984
+ },
4985
+ "helper-gap": {
4986
+ "type": "color",
4987
+ "value": "{semantic-layout.stack.xs}"
4988
+ }
4989
+ },
4990
+ "radio-group": {
4991
+ "label-gap": {
4992
+ "type": "color",
4993
+ "value": "{semantic-layout.stack.sm}"
4994
+ },
4995
+ "item-gap-vertical": {
4996
+ "type": "color",
4997
+ "value": "{semantic-layout.stack.xs}"
4998
+ },
4999
+ "control-label-gap": {
5000
+ "type": "color",
5001
+ "value": "{semantic-layout.inline.xs}"
5002
+ },
5003
+ "helper-gap": {
5004
+ "type": "color",
5005
+ "value": "{semantic-layout.stack.xs}"
5006
+ }
5007
+ },
5008
+ "ui-shell-right-panel": {
5009
+ "item": {
5010
+ "padding-x": {
5011
+ "type": "color",
5012
+ "value": "{semantic-layout.control.padding.md}"
5013
+ },
5014
+ "padding-y": {
5015
+ "type": "color",
5016
+ "value": "{semantic-layout.control.padding.xs}"
5017
+ }
5018
+ },
5019
+ "padding-y": {
5020
+ "type": "color",
5021
+ "value": "{semantic-layout.inset.md}"
5022
+ }
5023
+ },
5024
+ "ui-shell-left-panel": {
5025
+ "padding-y": {
5026
+ "type": "color",
5027
+ "value": "{semantic-layout.inset.md}"
5028
+ },
5029
+ "item": {
5030
+ "height": {
5031
+ "type": "color",
5032
+ "value": "{semantic-layout.control.height.sm}"
5033
+ },
5034
+ "padding-x": {
5035
+ "type": "color",
5036
+ "value": "{semantic-layout.control.padding.md}"
5037
+ }
5038
+ }
4573
5039
  }
4574
5040
  }
4575
5041
  },
@@ -4759,6 +5225,50 @@ export const tokens = {
4759
5225
  "type": "color",
4760
5226
  "value": "{semantic-type.label.label-02.letter-spacing}"
4761
5227
  }
5228
+ },
5229
+ "group-label": {
5230
+ "family": {
5231
+ "type": "color",
5232
+ "value": "{semantic-type.label.label-02.family}"
5233
+ },
5234
+ "weight": {
5235
+ "type": "color",
5236
+ "value": "{semantic-type.label.label-02.weight}"
5237
+ },
5238
+ "size": {
5239
+ "type": "color",
5240
+ "value": "{semantic-type.label.label-02.size}"
5241
+ },
5242
+ "line-height": {
5243
+ "type": "color",
5244
+ "value": "{semantic-type.label.label-02.line-height}"
5245
+ },
5246
+ "letter-spacing": {
5247
+ "type": "color",
5248
+ "value": "{semantic-type.label.label-02.letter-spacing}"
5249
+ }
5250
+ },
5251
+ "helper": {
5252
+ "family": {
5253
+ "type": "color",
5254
+ "value": "{semantic-type.helper.helper-01.family}"
5255
+ },
5256
+ "weight": {
5257
+ "type": "color",
5258
+ "value": "{semantic-type.helper.helper-01.weight}"
5259
+ },
5260
+ "size": {
5261
+ "type": "color",
5262
+ "value": "{semantic-type.helper.helper-01.size}"
5263
+ },
5264
+ "line-height": {
5265
+ "type": "color",
5266
+ "value": "{semantic-type.helper.helper-01.line-height}"
5267
+ },
5268
+ "letter-spacing": {
5269
+ "type": "color",
5270
+ "value": "{semantic-type.helper.helper-01.letter-spacing}"
5271
+ }
4762
5272
  }
4763
5273
  },
4764
5274
  "select": {
@@ -5132,50 +5642,94 @@ export const tokens = {
5132
5642
  "value": "{semantic-type.body.lg.letter-spacing}"
5133
5643
  }
5134
5644
  },
5135
- "footer": {
5645
+ "footer": {
5646
+ "family": {
5647
+ "type": "color",
5648
+ "value": "{semantic-type.label.label-01.family}"
5649
+ },
5650
+ "weight": {
5651
+ "type": "color",
5652
+ "value": "{semantic-type.label.label-01.weight}"
5653
+ },
5654
+ "size": {
5655
+ "type": "color",
5656
+ "value": "{semantic-type.label.label-01.size}"
5657
+ },
5658
+ "line-height": {
5659
+ "type": "color",
5660
+ "value": "{semantic-type.label.label-01.line-height}"
5661
+ },
5662
+ "letter-spacing": {
5663
+ "type": "color",
5664
+ "value": "{semantic-type.label.label-01.letter-spacing}"
5665
+ }
5666
+ }
5667
+ },
5668
+ "radio": {
5669
+ "label": {
5670
+ "family": {
5671
+ "type": "color",
5672
+ "value": "{semantic-type.label.label-02.family}"
5673
+ },
5674
+ "weight": {
5675
+ "type": "color",
5676
+ "value": "{semantic-type.label.label-02.weight}"
5677
+ },
5678
+ "size": {
5679
+ "type": "color",
5680
+ "value": "{semantic-type.label.label-02.size}"
5681
+ },
5682
+ "line-height": {
5683
+ "type": "color",
5684
+ "value": "{semantic-type.label.label-02.line-height}"
5685
+ },
5686
+ "letter-spacing": {
5687
+ "type": "color",
5688
+ "value": "{semantic-type.label.label-02.letter-spacing}"
5689
+ }
5690
+ },
5691
+ "group-label": {
5136
5692
  "family": {
5137
5693
  "type": "color",
5138
- "value": "{semantic-type.label.label-01.family}"
5694
+ "value": "{semantic-type.label.label-02.family}"
5139
5695
  },
5140
5696
  "weight": {
5141
5697
  "type": "color",
5142
- "value": "{semantic-type.label.label-01.weight}"
5698
+ "value": "{semantic-type.label.label-02.weight}"
5143
5699
  },
5144
5700
  "size": {
5145
5701
  "type": "color",
5146
- "value": "{semantic-type.label.label-01.size}"
5702
+ "value": "{semantic-type.label.label-02.size}"
5147
5703
  },
5148
5704
  "line-height": {
5149
5705
  "type": "color",
5150
- "value": "{semantic-type.label.label-01.line-height}"
5706
+ "value": "{semantic-type.label.label-02.line-height}"
5151
5707
  },
5152
5708
  "letter-spacing": {
5153
5709
  "type": "color",
5154
- "value": "{semantic-type.label.label-01.letter-spacing}"
5710
+ "value": "{semantic-type.label.label-02.letter-spacing}"
5155
5711
  }
5156
- }
5157
- },
5158
- "radio": {
5159
- "label": {
5712
+ },
5713
+ "helper": {
5160
5714
  "family": {
5161
5715
  "type": "color",
5162
- "value": "{semantic-type.label.label-02.family}"
5716
+ "value": "{semantic-type.helper.helper-01.family}"
5163
5717
  },
5164
5718
  "weight": {
5165
5719
  "type": "color",
5166
- "value": "{semantic-type.label.label-02.weight}"
5720
+ "value": "{semantic-type.helper.helper-01.weight}"
5167
5721
  },
5168
5722
  "size": {
5169
5723
  "type": "color",
5170
- "value": "{semantic-type.label.label-02.size}"
5724
+ "value": "{semantic-type.helper.helper-01.size}"
5171
5725
  },
5172
5726
  "line-height": {
5173
5727
  "type": "color",
5174
- "value": "{semantic-type.label.label-02.line-height}"
5728
+ "value": "{semantic-type.helper.helper-01.line-height}"
5175
5729
  },
5176
5730
  "letter-spacing": {
5177
5731
  "type": "color",
5178
- "value": "{semantic-type.label.label-02.letter-spacing}"
5732
+ "value": "{semantic-type.helper.helper-01.letter-spacing}"
5179
5733
  }
5180
5734
  }
5181
5735
  },
@@ -5353,6 +5907,28 @@ export const tokens = {
5353
5907
  "letter-spacing": {
5354
5908
  "type": "color",
5355
5909
  "value": "{semantic-type.heading.heading-03.letter-spacing}"
5910
+ },
5911
+ "mobile": {
5912
+ "family": {
5913
+ "type": "color",
5914
+ "value": "{semantic-type.heading.heading-mobile-03.family}"
5915
+ },
5916
+ "weight": {
5917
+ "type": "color",
5918
+ "value": "{semantic-type.heading.heading-mobile-03.weight}"
5919
+ },
5920
+ "size": {
5921
+ "type": "color",
5922
+ "value": "{semantic-type.heading.heading-mobile-03.size}"
5923
+ },
5924
+ "line-height": {
5925
+ "type": "color",
5926
+ "value": "{semantic-type.heading.heading-mobile-03.line-height}"
5927
+ },
5928
+ "letter-spacing": {
5929
+ "type": "color",
5930
+ "value": "{semantic-type.heading.heading-mobile-03.letter-spacing}"
5931
+ }
5356
5932
  }
5357
5933
  },
5358
5934
  "description": {
@@ -5870,6 +6446,150 @@ export const tokens = {
5870
6446
  }
5871
6447
  }
5872
6448
  }
6449
+ },
6450
+ "checkbox-group": {
6451
+ "group-label": {
6452
+ "family": {
6453
+ "type": "color",
6454
+ "value": "{semantic-type.label.label-02.family}"
6455
+ },
6456
+ "weight": {
6457
+ "type": "color",
6458
+ "value": "{semantic-type.label.label-02.weight}"
6459
+ },
6460
+ "size": {
6461
+ "type": "color",
6462
+ "value": "{semantic-type.label.label-02.size}"
6463
+ },
6464
+ "line-height": {
6465
+ "type": "color",
6466
+ "value": "{semantic-type.label.label-02.line-height}"
6467
+ },
6468
+ "letter-spacing": {
6469
+ "type": "color",
6470
+ "value": "{semantic-type.label.label-02.letter-spacing}"
6471
+ }
6472
+ },
6473
+ "helper": {
6474
+ "family": {
6475
+ "type": "color",
6476
+ "value": "{semantic-type.helper.helper-01.family}"
6477
+ },
6478
+ "weight": {
6479
+ "type": "color",
6480
+ "value": "{semantic-type.helper.helper-01.weight}"
6481
+ },
6482
+ "size": {
6483
+ "type": "color",
6484
+ "value": "{semantic-type.helper.helper-01.size}"
6485
+ },
6486
+ "line-height": {
6487
+ "type": "color",
6488
+ "value": "{semantic-type.helper.helper-01.line-height}"
6489
+ },
6490
+ "letter-spacing": {
6491
+ "type": "color",
6492
+ "value": "{semantic-type.helper.helper-01.letter-spacing}"
6493
+ }
6494
+ }
6495
+ },
6496
+ "radio-group": {
6497
+ "group-label": {
6498
+ "family": {
6499
+ "type": "color",
6500
+ "value": "{semantic-type.label.label-02.family}"
6501
+ },
6502
+ "weight": {
6503
+ "type": "color",
6504
+ "value": "{semantic-type.label.label-02.weight}"
6505
+ },
6506
+ "size": {
6507
+ "type": "color",
6508
+ "value": "{semantic-type.label.label-02.size}"
6509
+ },
6510
+ "line-height": {
6511
+ "type": "color",
6512
+ "value": "{semantic-type.label.label-02.line-height}"
6513
+ },
6514
+ "letter-spacing": {
6515
+ "type": "color",
6516
+ "value": "{semantic-type.label.label-02.letter-spacing}"
6517
+ }
6518
+ },
6519
+ "helper": {
6520
+ "family": {
6521
+ "type": "color",
6522
+ "value": "{semantic-type.helper.helper-01.family}"
6523
+ },
6524
+ "weight": {
6525
+ "type": "color",
6526
+ "value": "{semantic-type.helper.helper-01.weight}"
6527
+ },
6528
+ "size": {
6529
+ "type": "color",
6530
+ "value": "{semantic-type.helper.helper-01.size}"
6531
+ },
6532
+ "line-height": {
6533
+ "type": "color",
6534
+ "value": "{semantic-type.helper.helper-01.line-height}"
6535
+ },
6536
+ "letter-spacing": {
6537
+ "type": "color",
6538
+ "value": "{semantic-type.helper.helper-01.letter-spacing}"
6539
+ }
6540
+ }
6541
+ },
6542
+ "ui-shell-right-panel": {
6543
+ "item": {
6544
+ "label": {
6545
+ "family": {
6546
+ "type": "color",
6547
+ "value": "{semantic-type.label.label-01.family}"
6548
+ },
6549
+ "weight": {
6550
+ "type": "color",
6551
+ "value": "{semantic-type.label.label-01.weight}"
6552
+ },
6553
+ "size": {
6554
+ "type": "color",
6555
+ "value": "{semantic-type.label.label-01.size}"
6556
+ },
6557
+ "line-height": {
6558
+ "type": "color",
6559
+ "value": "{semantic-type.label.label-01.line-height}"
6560
+ },
6561
+ "letter-spacing": {
6562
+ "type": "color",
6563
+ "value": "{semantic-type.label.label-01.letter-spacing}"
6564
+ }
6565
+ }
6566
+ }
6567
+ },
6568
+ "ui-shell-left-panel": {
6569
+ "item": {
6570
+ "label": {
6571
+ "family": {
6572
+ "type": "color",
6573
+ "value": "{semantic-type.body.sm.family}"
6574
+ },
6575
+ "weight": {
6576
+ "type": "color",
6577
+ "value": "{semantic-type.body.sm.weight}"
6578
+ },
6579
+ "size": {
6580
+ "type": "color",
6581
+ "value": "{semantic-type.body.sm.size}"
6582
+ },
6583
+ "line-height": {
6584
+ "type": "color",
6585
+ "value": "{semantic-type.body.sm.line-height}"
6586
+ },
6587
+ "letter-spacing": {
6588
+ "type": "color",
6589
+ "value": "{semantic-type.body.sm.letter-spacing}"
6590
+ }
6591
+ }
6592
+ }
5873
6593
  }
5874
6594
  }
5875
6595
  },
@@ -7542,7 +8262,7 @@ export const tokens = {
7542
8262
  "border": {
7543
8263
  "default": {
7544
8264
  "type": "color",
7545
- "value": "{semantic-color.border.border-strong}"
8265
+ "value": "{semantic-color.icon.icon-primary}"
7546
8266
  },
7547
8267
  "hover": {
7548
8268
  "type": "color",
@@ -7552,11 +8272,29 @@ export const tokens = {
7552
8272
  "type": "color",
7553
8273
  "value": "{semantic-color.focus.focus}"
7554
8274
  },
8275
+ "error": {
8276
+ "type": "color",
8277
+ "value": "{semantic-color.border.border-error}"
8278
+ },
7555
8279
  "disabled": {
7556
8280
  "type": "color",
7557
8281
  "value": "{semantic-color.border.border-disabled}"
7558
8282
  }
7559
8283
  },
8284
+ "icon": {
8285
+ "check": {
8286
+ "type": "color",
8287
+ "value": "{primitives.color.base.white}"
8288
+ },
8289
+ "default": {
8290
+ "type": "color",
8291
+ "value": "{semantic-color.icon.icon-primary}"
8292
+ },
8293
+ "disabled": {
8294
+ "type": "color",
8295
+ "value": "{semantic-color.icon.icon-disabled}"
8296
+ }
8297
+ },
7560
8298
  "text": {
7561
8299
  "label": {
7562
8300
  "type": "color",
@@ -7567,10 +8305,28 @@ export const tokens = {
7567
8305
  "value": "{semantic-color.text.text-disabled}"
7568
8306
  }
7569
8307
  },
7570
- "icon": {
7571
- "check": {
8308
+ "group-label": {
8309
+ "text": {
7572
8310
  "type": "color",
7573
- "value": "{primitives.color.base.white}"
8311
+ "value": "{semantic-color.text.text-secondary}"
8312
+ }
8313
+ },
8314
+ "helper": {
8315
+ "text": {
8316
+ "type": "color",
8317
+ "value": "{semantic-color.text.text-helper}"
8318
+ }
8319
+ },
8320
+ "error": {
8321
+ "text": {
8322
+ "type": "color",
8323
+ "value": "{semantic-color.text.text-error}"
8324
+ }
8325
+ },
8326
+ "warning": {
8327
+ "text": {
8328
+ "type": "color",
8329
+ "value": "{semantic-color.text.text-primary}"
7574
8330
  }
7575
8331
  },
7576
8332
  "label": {
@@ -7610,6 +8366,48 @@ export const tokens = {
7610
8366
  }
7611
8367
  }
7612
8368
  },
8369
+ "checkbox-group": {
8370
+ "label-gap": {
8371
+ "type": "dimension",
8372
+ "value": "{semantic-layout.stack.sm}"
8373
+ },
8374
+ "item-gap-vertical": {
8375
+ "type": "dimension",
8376
+ "value": "{semantic-layout.stack.xs}"
8377
+ },
8378
+ "control-label-gap": {
8379
+ "type": "dimension",
8380
+ "value": "{semantic-layout.inline.xs}"
8381
+ },
8382
+ "helper-gap": {
8383
+ "type": "dimension",
8384
+ "value": "{semantic-layout.stack.xs}"
8385
+ },
8386
+ "group-label": {
8387
+ "text": {
8388
+ "type": "color",
8389
+ "value": "{semantic-color.text.text-secondary}"
8390
+ }
8391
+ },
8392
+ "helper": {
8393
+ "text": {
8394
+ "type": "color",
8395
+ "value": "{semantic-color.text.text-helper}"
8396
+ }
8397
+ },
8398
+ "error": {
8399
+ "text": {
8400
+ "type": "color",
8401
+ "value": "{semantic-color.text.text-error}"
8402
+ }
8403
+ },
8404
+ "warning": {
8405
+ "text": {
8406
+ "type": "color",
8407
+ "value": "{semantic-color.text.text-primary}"
8408
+ }
8409
+ }
8410
+ },
7613
8411
  "contained-list": {
7614
8412
  "layout": {
7615
8413
  "width": {
@@ -9555,19 +10353,19 @@ export const tokens = {
9555
10353
  "background": {
9556
10354
  "neutral": {
9557
10355
  "type": "color",
9558
- "value": "{semantic-color.surface.surface-01}"
10356
+ "value": "#E0E0E0"
9559
10357
  },
9560
10358
  "blue": {
9561
10359
  "type": "color",
9562
- "value": "#EDF5FF"
10360
+ "value": "#D0E2FF"
9563
10361
  },
9564
10362
  "green": {
9565
10363
  "type": "color",
9566
- "value": "#DEFBE6"
10364
+ "value": "#A7F0BA"
9567
10365
  },
9568
10366
  "purple": {
9569
10367
  "type": "color",
9570
- "value": "#F6F2FF"
10368
+ "value": "#E8DAFF"
9571
10369
  }
9572
10370
  },
9573
10371
  "text": {
@@ -9581,7 +10379,7 @@ export const tokens = {
9581
10379
  },
9582
10380
  "green": {
9583
10381
  "type": "color",
9584
- "value": "#044317"
10382
+ "value": "#0E6027"
9585
10383
  },
9586
10384
  "purple": {
9587
10385
  "type": "color",