@seed-design/lynx-css 0.8.0 → 0.9.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.
Files changed (55) hide show
  1. package/all.css +885 -87
  2. package/all.min.css +1 -1
  3. package/package.json +1 -1
  4. package/recipes/accordion.css +174 -0
  5. package/recipes/accordion.d.ts +40 -0
  6. package/recipes/accordion.mjs +116 -0
  7. package/recipes/bottom-sheet.css +1 -0
  8. package/recipes/callout.css +190 -0
  9. package/recipes/callout.d.ts +28 -0
  10. package/recipes/callout.mjs +101 -0
  11. package/recipes/checkmark.css +46 -14
  12. package/recipes/checkmark.d.ts +1 -1
  13. package/recipes/checkmark.mjs +46 -21
  14. package/recipes/chip.css +239 -0
  15. package/recipes/chip.d.ts +44 -0
  16. package/recipes/chip.mjs +153 -0
  17. package/recipes/progress-circle.css +8 -8
  18. package/recipes/tabs.css +136 -0
  19. package/recipes/tabs.d.ts +39 -0
  20. package/recipes/tabs.mjs +103 -0
  21. package/vars/color/stroke.d.ts +3 -3
  22. package/vars/component/accordion-item.d.ts +1 -1
  23. package/vars/component/accordion-item.mjs +1 -1
  24. package/vars/component/action-button.d.ts +1 -23
  25. package/vars/component/action-button.mjs +1 -23
  26. package/vars/component/bottom-sheet.d.ts +1 -1
  27. package/vars/component/bottom-sheet.mjs +1 -1
  28. package/vars/component/callout-close-button.d.ts +81 -0
  29. package/vars/component/callout-close-button.mjs +63 -0
  30. package/vars/component/callout.d.ts +1 -2
  31. package/vars/component/callout.mjs +1 -2
  32. package/vars/component/checkbox.d.ts +3 -0
  33. package/vars/component/help-bubble.d.ts +4 -1
  34. package/vars/component/help-bubble.mjs +3 -1
  35. package/vars/component/index.d.ts +6 -1
  36. package/vars/component/index.mjs +6 -1
  37. package/vars/component/list-item.d.ts +2 -6
  38. package/vars/component/list-item.mjs +2 -5
  39. package/vars/component/page-banner-close-button.d.ts +133 -0
  40. package/vars/component/page-banner-close-button.mjs +99 -0
  41. package/vars/component/page-banner.d.ts +0 -1
  42. package/vars/component/page-banner.mjs +0 -1
  43. package/vars/component/pagination-button.d.ts +33 -0
  44. package/vars/component/pagination-button.mjs +33 -0
  45. package/vars/component/pagination-page-item.d.ts +54 -0
  46. package/vars/component/pagination-page-item.mjs +54 -0
  47. package/vars/component/radio.d.ts +3 -0
  48. package/vars/component/select-box.d.ts +2 -2
  49. package/vars/component/select-box.mjs +2 -2
  50. package/vars/component/snackbar.d.ts +1 -1
  51. package/vars/component/snackbar.mjs +1 -1
  52. package/vars/component/switch.d.ts +3 -0
  53. package/vars/component/switchmark.d.ts +2 -0
  54. package/vars/component/wheel-picker.d.ts +72 -0
  55. package/vars/component/wheel-picker.mjs +72 -0
package/vars/component/wheel-picker.mjs ADDED
@@ -0,0 +1,72 @@
1
+ export const vars = {
2
+ "base": {
3
+ "enabled": {
4
+ "root": {
5
+ "color": "var(--seed-color-bg-layer-floating)"
6
+ },
7
+ "selectionIndicator": {
8
+ "insetX": "var(--seed-dimension-x4)",
9
+ "cornerRadius": "var(--seed-radius-r2)",
10
+ "color": "var(--seed-color-bg-neutral-weak)"
11
+ },
12
+ "scrollFog": {
13
+ "maxHeightFraction": "0.4"
14
+ },
15
+ "itemLabel": {
16
+ "paddingX": "var(--seed-dimension-x4)",
17
+ "fontWeight": "var(--seed-font-weight-medium)",
18
+ "color": "var(--seed-color-fg-disabled)"
19
+ }
20
+ },
21
+ "selected": {
22
+ "itemLabel": {
23
+ "color": "var(--seed-color-fg-neutral)"
24
+ }
25
+ },
26
+ "disabled": {
27
+ "itemLabel": {
28
+ "color": "var(--seed-color-fg-disabled)"
29
+ }
30
+ }
31
+ },
32
+ "sizeSmall": {
33
+ "enabled": {
34
+ "root": {
35
+ "height": "180px"
36
+ },
37
+ "selectionIndicator": {
38
+ "height": "36px"
39
+ },
40
+ "scrollFog": {
41
+ "maxHeight": "108px"
42
+ },
43
+ "item": {
44
+ "height": "36px"
45
+ },
46
+ "itemLabel": {
47
+ "fontSize": "var(--seed-font-size-t7-static)",
48
+ "lineHeight": "var(--seed-line-height-t7-static)"
49
+ }
50
+ }
51
+ },
52
+ "sizeMedium": {
53
+ "enabled": {
54
+ "root": {
55
+ "height": "220px"
56
+ },
57
+ "selectionIndicator": {
58
+ "height": "44px"
59
+ },
60
+ "scrollFog": {
61
+ "maxHeight": "132px"
62
+ },
63
+ "item": {
64
+ "height": "44px"
65
+ },
66
+ "itemLabel": {
67
+ "fontSize": "var(--seed-font-size-t10-static)",
68
+ "lineHeight": "var(--seed-line-height-t10-static)"
69
+ }
70
+ }
71
+ }
72
+ }