@wavemaker/foundation-css 11.10.5-next.27872 → 11.10.5-next.27901

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 (79) hide show
  1. package/foundation/foundation.css +1275 -1059
  2. package/foundation/foundation.min.css +1 -1
  3. package/index.d.ts +18 -27
  4. package/index.js +91 -42
  5. package/index.js.map +1 -0
  6. package/npm-shrinkwrap.json +219 -2
  7. package/package-lock.json +219 -2
  8. package/package.json +10 -3
  9. package/tokens/components/accordion/accordion.json +10 -0
  10. package/tokens/components/anchor/anchor.json +86 -0
  11. package/tokens/components/badge/badge.json +52 -0
  12. package/tokens/components/breadcrumb/breadcrumb.json +98 -0
  13. package/tokens/components/button/button.json +710 -0
  14. package/tokens/components/button-group/button-group.json +18 -0
  15. package/tokens/components/calendar/calendar.json +274 -0
  16. package/tokens/components/cards/cards.json +176 -0
  17. package/tokens/components/carousel/carousel.json +46 -0
  18. package/tokens/components/checkbox/checkbox.json +106 -0
  19. package/tokens/components/checkboxset/checkboxset.json +10 -0
  20. package/tokens/components/chips/chips.json +202 -0
  21. package/tokens/components/composite/composite.json +202 -0
  22. package/tokens/components/container/container.json +32 -0
  23. package/tokens/components/currency/currency.json +32 -0
  24. package/tokens/components/data-table/data-table.json +170 -0
  25. package/tokens/components/date/date.json +146 -0
  26. package/tokens/components/dropdown-menu/dropdown-menu.json +116 -0
  27. package/tokens/components/fileupload/fileupload.json +180 -0
  28. package/tokens/components/grid-layout/grid-layout.json +18 -0
  29. package/tokens/components/icon/icon.json +8 -0
  30. package/tokens/components/label/label.json +8 -0
  31. package/tokens/components/list/list.json +72 -0
  32. package/tokens/components/message/message.json +144 -0
  33. package/tokens/components/modal-dialog/modal-dialog.json +176 -0
  34. package/tokens/components/nav/nav.json +222 -0
  35. package/tokens/components/page-layout/page-layout.json +842 -0
  36. package/tokens/components/pagination/pagination.json +250 -0
  37. package/tokens/components/panel/panel.json +218 -0
  38. package/tokens/components/picture/picture.json +42 -0
  39. package/tokens/components/popover/popover.json +102 -0
  40. package/tokens/components/progress-bar/progress-bar.json +122 -0
  41. package/tokens/components/progress-circle/progress-circle.json +64 -0
  42. package/tokens/components/radioset/radioset.json +116 -0
  43. package/tokens/components/rating/rating.json +42 -0
  44. package/tokens/components/richtext-editor/richtext-editor.json +546 -0
  45. package/tokens/components/scrollbar/scrollbar.json +38 -0
  46. package/tokens/components/search/search.json +200 -0
  47. package/tokens/components/spinner/spinner.json +44 -0
  48. package/tokens/components/switch/switch.json +106 -0
  49. package/tokens/components/tabs/tabs.json +136 -0
  50. package/tokens/components/tile/tile.json +186 -0
  51. package/tokens/components/time/time.json +90 -0
  52. package/tokens/components/toast/toast.json +214 -0
  53. package/tokens/components/toggle/toggle.json +98 -0
  54. package/tokens/components/wizard/wizard.json +232 -0
  55. package/tokens/global/border/border.json +96 -0
  56. package/tokens/global/box-shadow/box-shadow.json +9 -0
  57. package/tokens/{primitives → global}/colors/color.dark.json +12 -3
  58. package/tokens/global/colors/color.json +343 -0
  59. package/tokens/{semantics → global}/font/font.json +74 -20
  60. package/tokens/global/gap/gap.json +58 -0
  61. package/tokens/{semantics → global}/icon/icon.json +1 -1
  62. package/tokens/global/margin/margin.json +57 -0
  63. package/tokens/global/radius/radius.json +45 -0
  64. package/tokens/global/shadow/shadow.json +74 -0
  65. package/tokens/global/space/space.json +57 -0
  66. package/tokens/global/spacer/spacer.json +46 -0
  67. package/utils/style-dictionary-utils.d.ts +7 -0
  68. package/utils/style-dictionary-utils.js +65 -0
  69. package/utils/style-dictionary-utils.js.map +1 -0
  70. package/tokens/primitives/border/border.json +0 -10
  71. package/tokens/primitives/colors/color.json +0 -163
  72. package/tokens/primitives/font/font.json +0 -20
  73. package/tokens/primitives/radius/radius.json +0 -14
  74. package/tokens/primitives/space/space.json +0 -57
  75. package/tokens/primitives/spacer/spacer.json +0 -45
  76. package/tokens/semantics/box-shadow/box-shadow.json +0 -8
  77. package/tokens/semantics/colors/color.json +0 -948
  78. /package/tokens/{primitives → global}/colors/color.light.json +0 -0
  79. /package/tokens/{semantics → global}/opacity/opacity.json +0 -0
package/tokens/components/progress-bar/progress-bar.json ADDED
@@ -0,0 +1,122 @@
1
+ {
2
+ "progress": {
3
+ "bar": {
4
+ "height": {
5
+ "value": "16px",
6
+ "type": "space"
7
+ },
8
+ "background": {
9
+ "inactive": {
10
+ "value": "{color.primary.container.@.value}",
11
+ "type": "color"
12
+ },
13
+ "active": {
14
+ "value": "{color.primary.@.value}",
15
+ "type": "color"
16
+ }
17
+ },
18
+ "label": {
19
+ "color": {
20
+ "value": "{color.on-primary.@.value}",
21
+ "type": "color"
22
+ },
23
+ "success": {
24
+ "color": {
25
+ "value": "{color.on-success.@.value}",
26
+ "type": "color"
27
+ }
28
+ },
29
+ "info": {
30
+ "color": {
31
+ "value": "{color.on-info.@.value}",
32
+ "type": "color"
33
+ }
34
+ },
35
+ "warning": {
36
+ "color": {
37
+ "value": "{color.on-warning.@.value}",
38
+ "type": "color"
39
+ }
40
+ },
41
+ "danger": {
42
+ "color": {
43
+ "value": "{color.on-error.@.value}",
44
+ "type": "color"
45
+ }
46
+ }
47
+ },
48
+ "radius": {
49
+ "value": "{radius.lg.value}",
50
+ "type": "radius"
51
+ },
52
+ "striped": {
53
+ "@": {
54
+ "value": "linear-gradient(45deg, {color.surface.container.lowest.@.value} 25%, transparent 25%, transparent 50%, {color.surface.container.lowest.@.value} 50%, {color.surface.container.lowest.@.value} 75%, transparent 75%, transparent)",
55
+ "type": "color"
56
+ },
57
+ "size": {
58
+ "value": "{space.10.value} {space.10.value}",
59
+ "type": "space"
60
+ }
61
+ },
62
+ "margin": {
63
+ "value": "{space.2.value} {space.0.value}",
64
+ "type": "space"
65
+ },
66
+ "transition": {
67
+ "time": {
68
+ "value": "0.5s",
69
+ "type": "radius"
70
+ }
71
+ },
72
+ "success": {
73
+ "background": {
74
+ "active": {
75
+ "value": "{color.success.@.value}",
76
+ "type": "color"
77
+ },
78
+ "inactive": {
79
+ "value": "{color.success.container.@.value}",
80
+ "type": "color"
81
+ }
82
+ }
83
+ },
84
+ "info": {
85
+ "background": {
86
+ "active": {
87
+ "value": "{color.info.@.value}",
88
+ "type": "color"
89
+ },
90
+ "inactive": {
91
+ "value": "{color.info.container.@.value}",
92
+ "type": "color"
93
+ }
94
+ }
95
+ },
96
+ "warning": {
97
+ "background": {
98
+ "active": {
99
+ "value": "{color.warning.@.value}",
100
+ "type": "color"
101
+ },
102
+ "inactive": {
103
+ "value": "{color.warning.container.@.value}",
104
+ "type": "color"
105
+ }
106
+ }
107
+ },
108
+ "danger": {
109
+ "background": {
110
+ "active": {
111
+ "value": "{color.error.@.value}",
112
+ "type": "color"
113
+ },
114
+ "inactive": {
115
+ "value": "{color.error.container.@.value}",
116
+ "type": "color"
117
+ }
118
+ }
119
+ }
120
+ }
121
+ }
122
+ }
package/tokens/components/progress-circle/progress-circle.json ADDED
@@ -0,0 +1,64 @@
1
+ {
2
+ "progress": {
3
+ "circle": {
4
+ "stroke": {
5
+ "inactive": {
6
+ "value": "{color.primary.container.@.value}",
7
+ "type": "color"
8
+ },
9
+ "active": {
10
+ "value": "{color.primary.@.value}",
11
+ "type": "color"
12
+ }
13
+ },
14
+ "success": {
15
+ "stroke": {
16
+ "inactive": {
17
+ "value": "{color.success.container.@.value}",
18
+ "type": "color"
19
+ },
20
+ "active": {
21
+ "value": "{color.success.@.value}",
22
+ "type": "color"
23
+ }
24
+ }
25
+ },
26
+ "info": {
27
+ "stroke": {
28
+ "inactive": {
29
+ "value": "{color.info.container.@.value}",
30
+ "type": "color"
31
+ },
32
+ "active": {
33
+ "value": "{color.info.@.value}",
34
+ "type": "color"
35
+ }
36
+ }
37
+ },
38
+ "warning": {
39
+ "stroke": {
40
+ "inactive": {
41
+ "value": "{color.warning.container.@.value}",
42
+ "type": "color"
43
+ },
44
+ "active": {
45
+ "value": "{color.warning.@.value}",
46
+ "type": "color"
47
+ }
48
+ }
49
+ },
50
+ "danger": {
51
+ "stroke": {
52
+ "inactive": {
53
+ "value": "{color.error.container.@.value}",
54
+ "type": "color"
55
+ },
56
+ "active": {
57
+ "value": "{color.error.@.value}",
58
+ "type": "color"
59
+ }
60
+ }
61
+ }
62
+ }
63
+ }
64
+ }
package/tokens/components/radioset/radioset.json ADDED
@@ -0,0 +1,116 @@
1
+ {
2
+ "radiobutton": {
3
+ "gap": {
4
+ "value": "{space.1.value}",
5
+ "type": "space"
6
+ },
7
+ "label": {
8
+ "font-size": {
9
+ "value": "{body.large.font-size.value}",
10
+ "type": "font"
11
+ },
12
+ "font-family": {
13
+ "value": "{body.large.font-family.value}",
14
+ "type": "font"
15
+ },
16
+ "font-weight": {
17
+ "value": "{body.large.font-weight.value}",
18
+ "type": "font"
19
+ },
20
+ "line-height": {
21
+ "value": "{body.large.line-height.value}",
22
+ "type": "font"
23
+ },
24
+ "letter-spacing": {
25
+ "value": "{body.large.letter-spacing.value}",
26
+ "type": "font"
27
+ },
28
+ "color": {
29
+ "@": {
30
+ "value": "{color.on-surface.@.value}",
31
+ "type": "color"
32
+ },
33
+ "selected": {
34
+ "value": "{color.on-surface.@.value}",
35
+ "type": "color"
36
+ }
37
+ }
38
+ },
39
+ "size": {
40
+ "value": "20px",
41
+ "type": "space"
42
+ },
43
+ "indicator": {
44
+ "size": {
45
+ "value": "10px",
46
+ "type": "space"
47
+ }
48
+ },
49
+ "color": {
50
+ "@": {
51
+ "value": "transparent",
52
+ "type": "color"
53
+ },
54
+ "selected": {
55
+ "value": "{color.secondary.@.value}",
56
+ "type": "color"
57
+ }
58
+ },
59
+ "border": {
60
+ "width": {
61
+ "value": "2px",
62
+ "type": "space"
63
+ },
64
+ "color": {
65
+ "value": "{color.on-surface.variant.@.value}",
66
+ "type": "color"
67
+ }
68
+ },
69
+ "state": {
70
+ "layer": {
71
+ "size": {
72
+ "value": "40px",
73
+ "type": "space"
74
+ },
75
+ "color": {
76
+ "value": "{color.on-surface.@.value}",
77
+ "type": "color"
78
+ },
79
+ "opacity": {
80
+ "@": {
81
+ "value": "0",
82
+ "type": "radius"
83
+ },
84
+ "hover": {
85
+ "value": "{opacity.hover.value}",
86
+ "type": "radius"
87
+ },
88
+ "focus": {
89
+ "value": "{opacity.focus.value}",
90
+ "type": "radius"
91
+ },
92
+ "active": {
93
+ "value": "{opacity.active.value}",
94
+ "type": "radius"
95
+ }
96
+ }
97
+ }
98
+ },
99
+ "set": {
100
+ "item": {
101
+ "column": {
102
+ "gap": {
103
+ "value": "{space.6.value}",
104
+ "type": "space"
105
+ }
106
+ },
107
+ "row": {
108
+ "gap": {
109
+ "value": "{space.2.value}",
110
+ "type": "space"
111
+ }
112
+ }
113
+ }
114
+ }
115
+ }
116
+ }
package/tokens/components/rating/rating.json ADDED
@@ -0,0 +1,42 @@
1
+ {
2
+ "rating": {
3
+ "gap": {
4
+ "value": "{space.2.value}",
5
+ "type": "space"
6
+ },
7
+ "icon": {
8
+ "gap": {
9
+ "value": "{space.1.value}",
10
+ "type": "space"
11
+ },
12
+ "color": {
13
+ "@": {
14
+ "value": "{color.on-surface.@.value}",
15
+ "type": "color"
16
+ },
17
+ "active": {
18
+ "value": "{color.warning.@.value}",
19
+ "type": "color"
20
+ }
21
+ },
22
+ "size": {
23
+ "value": "{icon.size.@.value}",
24
+ "type": "space"
25
+ },
26
+ "opacity": {
27
+ "inactive": {
28
+ "value": "0.38",
29
+ "type": "radius"
30
+ },
31
+ "active": {
32
+ "value": "1",
33
+ "type": "radius"
34
+ },
35
+ "readonly": {
36
+ "value": "1",
37
+ "type": "radius"
38
+ }
39
+ }
40
+ }
41
+ }
42
+ }