@automattic/vip-design-system 2.4.5 → 2.6.1

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 (97) hide show
  1. package/build/system/Breadcrumbs/Breadcrumbs.d.ts +1 -0
  2. package/build/system/Breadcrumbs/Breadcrumbs.js +75 -20
  3. package/build/system/Breadcrumbs/Breadcrumbs.stories.d.ts +2 -0
  4. package/build/system/Breadcrumbs/Breadcrumbs.stories.js +47 -7
  5. package/build/system/Breadcrumbs/Breadcrumbs.test.js +72 -0
  6. package/build/system/Breadcrumbs/styles.d.ts +2 -0
  7. package/build/system/Breadcrumbs/styles.js +8 -2
  8. package/build/system/Dropdown/Dropdown.d.ts +25 -36
  9. package/build/system/Dropdown/Dropdown.js +60 -99
  10. package/build/system/Dropdown/Dropdown.stories.d.ts +1 -26
  11. package/build/system/Dropdown/Dropdown.test.js +51 -28
  12. package/build/system/Dropdown/DropdownContent.d.ts +14 -10
  13. package/build/system/Dropdown/DropdownContent.js +43 -47
  14. package/build/system/Dropdown/DropdownItem.d.ts +20 -32
  15. package/build/system/Dropdown/DropdownItem.js +86 -103
  16. package/build/system/Dropdown/DropdownLabel.d.ts +11 -7
  17. package/build/system/Dropdown/DropdownLabel.js +29 -29
  18. package/build/system/Dropdown/DropdownSeparator.d.ts +10 -6
  19. package/build/system/Dropdown/DropdownSeparator.js +28 -28
  20. package/build/system/Dropdown/index.d.ts +17 -39
  21. package/build/system/Dropdown/index.js +23 -50
  22. package/build/system/FilterDropdown/FilterDropdown.d.ts +27 -0
  23. package/build/system/FilterDropdown/FilterDropdown.js +75 -0
  24. package/build/system/FilterDropdown/FilterDropdown.stories.d.ts +18 -0
  25. package/build/system/FilterDropdown/FilterDropdown.stories.js +46 -0
  26. package/build/system/FilterDropdown/FilterDropdown.test.d.ts +1 -0
  27. package/build/system/FilterDropdown/FilterDropdown.test.js +53 -0
  28. package/build/system/Hr/Hr.d.ts +7 -0
  29. package/build/system/Hr/Hr.js +22 -0
  30. package/build/system/Hr/Hr.stories.d.ts +23 -0
  31. package/build/system/Hr/Hr.stories.js +30 -0
  32. package/build/system/Hr/Hr.test.d.ts +1 -0
  33. package/build/system/Hr/Hr.test.js +41 -0
  34. package/build/system/Link/Link.d.ts +11 -1
  35. package/build/system/Link/Link.js +16 -1
  36. package/build/system/Link/Link.stories.d.ts +14 -1
  37. package/build/system/Link/Link.stories.js +16 -3
  38. package/build/system/Nav/styles.js +2 -1
  39. package/build/system/Page/Page.d.ts +2 -0
  40. package/build/system/Page/Page.js +10 -0
  41. package/build/system/Page/Page.test.d.ts +1 -0
  42. package/build/system/Page/Page.test.js +41 -0
  43. package/build/system/index.d.ts +3 -1
  44. package/build/system/index.js +4 -0
  45. package/build/system/theme/index.d.ts +889 -23
  46. package/build/system/theme/index.js +7 -8
  47. package/build/system/utils/stories/CustomLink.d.ts +1 -0
  48. package/build/system/utils/stories/CustomLink.js +7 -1
  49. package/package.json +1 -1
  50. package/src/system/Breadcrumbs/Breadcrumbs.stories.tsx +32 -3
  51. package/src/system/Breadcrumbs/Breadcrumbs.test.tsx +60 -0
  52. package/src/system/Breadcrumbs/Breadcrumbs.tsx +100 -29
  53. package/src/system/Breadcrumbs/styles.ts +11 -0
  54. package/src/system/Dropdown/{Dropdown.test.js → Dropdown.test.tsx} +2 -1
  55. package/src/system/Dropdown/Dropdown.tsx +72 -0
  56. package/src/system/Dropdown/DropdownContent.tsx +46 -0
  57. package/src/system/Dropdown/DropdownItem.tsx +112 -0
  58. package/src/system/Dropdown/DropdownLabel.tsx +29 -0
  59. package/src/system/Dropdown/DropdownSeparator.tsx +28 -0
  60. package/src/system/Dropdown/{index.js → index.ts} +1 -3
  61. package/src/system/FilterDropdown/FilterDropdown.stories.tsx +57 -0
  62. package/src/system/FilterDropdown/FilterDropdown.test.tsx +52 -0
  63. package/src/system/FilterDropdown/FilterDropdown.tsx +92 -0
  64. package/src/system/Hr/Hr.stories.tsx +48 -0
  65. package/src/system/Hr/Hr.test.tsx +22 -0
  66. package/src/system/Hr/Hr.tsx +11 -0
  67. package/src/system/Link/Link.stories.tsx +42 -1
  68. package/src/system/Link/Link.tsx +17 -8
  69. package/src/system/Nav/styles.ts +1 -0
  70. package/src/system/Page/Page.test.tsx +22 -0
  71. package/src/system/Page/Page.tsx +3 -0
  72. package/src/system/index.js +4 -0
  73. package/src/system/theme/index.js +7 -8
  74. package/src/system/utils/stories/CustomLink.tsx +6 -0
  75. package/tokens/valet-core/$metadata.json +1 -17
  76. package/tokens/valet-core/$themes.json +0 -2586
  77. package/src/system/Dropdown/Dropdown.js +0 -101
  78. package/src/system/Dropdown/DropdownContent.js +0 -50
  79. package/src/system/Dropdown/DropdownItem.js +0 -108
  80. package/src/system/Dropdown/DropdownLabel.js +0 -31
  81. package/src/system/Dropdown/DropdownSeparator.js +0 -30
  82. package/tokens/valet-core/figma-parsely-web-type.json +0 -1217
  83. package/tokens/valet-core/figma-valet-web-type.json +0 -1217
  84. package/tokens/valet-core/figma-wpvip-services-web-type.json +0 -1267
  85. package/tokens/valet-core/figma-wpvip-web-type.json +0 -1213
  86. package/tokens/valet-core/parsely-web-color.json +0 -729
  87. package/tokens/valet-core/parsely-web-core.json +0 -172
  88. package/tokens/valet-core/parsely-web-type.json +0 -362
  89. package/tokens/valet-core/valet-web-color.json +0 -677
  90. package/tokens/valet-core/valet-web-core.json +0 -172
  91. package/tokens/valet-core/wpvip-services-web-color.json +0 -730
  92. package/tokens/valet-core/wpvip-services-web-core.json +0 -172
  93. package/tokens/valet-core/wpvip-services-web-type.json +0 -412
  94. package/tokens/valet-core/wpvip-web-color-dark.json +0 -735
  95. package/tokens/valet-core/wpvip-web-color.json +0 -730
  96. package/tokens/valet-core/wpvip-web-type.json +0 -412
  97. package/tokens/valet-core/wpvip-web.json +0 -1310
package/tokens/valet-core/valet-web-core.json DELETED
@@ -1,172 +0,0 @@
1
- {
2
- "space": {
3
- "padding": {
4
- "global": {
5
- "value": "{space.responsive.4-7}",
6
- "type": "spacing",
7
- "description": "Use for global padding for the application—usually the outer margins of the screen. "
8
- }
9
- },
10
- "responsive": {
11
- "x-small": {
12
- "value": "{space.responsive.3-4}",
13
- "type": "spacing"
14
- },
15
- "small": {
16
- "value": "{space.responsive.4-5}",
17
- "type": "spacing"
18
- },
19
- "medium": {
20
- "value": "{space.responsive.5-6}",
21
- "type": "spacing"
22
- },
23
- "large": {
24
- "value": "{space.responsive.6-7}",
25
- "type": "spacing",
26
- "description": "The default space between sequential blocks in a layout"
27
- },
28
- "x-large": {
29
- "value": "{space.responsive.7-8}",
30
- "type": "spacing"
31
- },
32
- "xx-large": {
33
- "value": "{space.responsive.8-9}",
34
- "type": "spacing"
35
- },
36
- "xxx-large": {
37
- "value": "{space.responsive.9-10}",
38
- "type": "spacing"
39
- }
40
- },
41
- "static": {
42
- "x-small": {
43
- "value": "{space.static.1}",
44
- "type": "spacing"
45
- },
46
- "small": {
47
- "value": "{space.static.2}",
48
- "type": "spacing"
49
- },
50
- "medium": {
51
- "value": "{space.static.3}",
52
- "type": "spacing"
53
- },
54
- "large": {
55
- "value": "{space.static.4}",
56
- "type": "spacing"
57
- },
58
- "x-large": {
59
- "value": "{space.static.5}",
60
- "type": "spacing"
61
- },
62
- "xx-large": {
63
- "value": "{space.static.6}",
64
- "type": "spacing"
65
- },
66
- "xxx-large": {
67
- "value": "{space.static.7}",
68
- "type": "spacing"
69
- }
70
- }
71
- },
72
- "shadow": {
73
- "high": {
74
- "value": "{shadow.3}",
75
- "type": "boxShadow"
76
- },
77
- "medium": {
78
- "value": "{shadow.2}",
79
- "type": "boxShadow"
80
- },
81
- "low": {
82
- "value": "{shadow.1}",
83
- "type": "boxShadow"
84
- }
85
- },
86
- "breakpoint": {
87
- "S": {
88
- "value": "320",
89
- "type": "sizing",
90
- "description": "< 655px"
91
- },
92
- "M": {
93
- "value": "656",
94
- "type": "sizing",
95
- "description": "656–1047px"
96
- },
97
- "L": {
98
- "value": "1048–1311px",
99
- "type": "sizing"
100
- },
101
- "XL": {
102
- "value": "1312",
103
- "type": "sizing",
104
- "description": "1312–1535px"
105
- },
106
- "XXL": {
107
- "value": "1536",
108
- "type": "sizing",
109
- "description": "1536–1647px"
110
- },
111
- "MAX": {
112
- "value": "1648",
113
- "type": "sizing",
114
- "description": "1648px +"
115
- }
116
- },
117
- "alignment": {
118
- "center": {
119
- "value": "744",
120
- "type": "sizing",
121
- "description": "min-width: 744px"
122
- },
123
- "wide": {
124
- "value": "1008",
125
- "type": "sizing",
126
- "description": "min-width: 1008px"
127
- },
128
- "full": {
129
- "value": "1536",
130
- "type": "sizing",
131
- "description": "max-width: 1536px"
132
- }
133
- },
134
- "borderRadius": {
135
- "static": {
136
- "small": {
137
- "value": "{borderRadius.static.2}",
138
- "type": "borderRadius"
139
- },
140
- "medium": {
141
- "value": "{borderRadius.static.3}",
142
- "type": "borderRadius"
143
- },
144
- "large": {
145
- "value": "{borderRadius.static.4}",
146
- "type": "borderRadius"
147
- },
148
- "x-large": {
149
- "value": "{borderRadius.static.5}",
150
- "type": "borderRadius"
151
- },
152
- "xx-large": {
153
- "value": "{borderRadius.static.6}",
154
- "type": "borderRadius"
155
- },
156
- "x-small": {
157
- "value": "{borderRadius.static.1}",
158
- "type": "borderRadius"
159
- }
160
- },
161
- "responsive": {
162
- "medium": {
163
- "value": "{borderRadius.responsive.3-5}",
164
- "type": "borderRadius"
165
- },
166
- "large": {
167
- "value": "{borderRadius.responsive.4-6}",
168
- "type": "borderRadius"
169
- }
170
- }
171
- }
172
- }