@common-origin/design-system 2.10.2 → 2.12.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/dist/index.esm.js CHANGED
@@ -2161,6 +2161,81 @@ var viewHide = {
2161
2161
  decorativeDefault: false,
2162
2162
  ariaLabelDefault: "Hide"
2163
2163
  };
2164
+ var kebab = {
2165
+ path: "M13.5 6.49999C13.5 7.32841 12.8284 7.99998 12 7.99998C11.1716 7.99998 10.5 7.32841 10.5 6.49999C10.5 5.67157 11.1716 5 12 5C12.8284 5 13.5 5.67157 13.5 6.49999Z M13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12Z M13.5 17.5C13.5 18.3284 12.8284 19 12 19C11.1716 19 10.5 18.3284 10.5 17.5C10.5 16.6716 11.1716 16 12 16C12.8284 16 13.5 16.6716 13.5 17.5Z",
2166
+ name: "kebab",
2167
+ description: "Three vertical dots",
2168
+ category: "navigation",
2169
+ aliases: [
2170
+ "vertical-dots",
2171
+ "more-vertical",
2172
+ "options",
2173
+ "overflow"
2174
+ ],
2175
+ intent: "Use to open an overflow or contextual actions menu (vertical layout)",
2176
+ decorativeDefault: false,
2177
+ ariaLabelDefault: "More options"
2178
+ };
2179
+ var meatballs = {
2180
+ path: "M6.49999 10.5C7.32841 10.5 7.99998 11.1716 7.99998 12C7.99998 12.8284 7.32841 13.5 6.49999 13.5C5.67157 13.5 5 12.8284 5 12C5 11.1716 5.67157 10.5 6.49999 10.5Z M12 10.5C12.8284 10.5 13.5 11.1716 13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5Z M17.5 10.5C18.3284 10.5 19 11.1716 19 12C19 12.8284 18.3284 13.5 17.5 13.5C16.6716 13.5 16 12.8284 16 12C16 11.1716 16.6716 10.5 17.5 10.5Z",
2181
+ name: "meatballs",
2182
+ description: "Three horizontal dots",
2183
+ category: "navigation",
2184
+ aliases: [
2185
+ "horizontal-dots",
2186
+ "more-horizontal",
2187
+ "ellipsis",
2188
+ "options"
2189
+ ],
2190
+ intent: "Use to open an overflow or contextual actions menu (horizontal layout)",
2191
+ decorativeDefault: false,
2192
+ ariaLabelDefault: "More options"
2193
+ };
2194
+ var creditCard = {
2195
+ path: "M7.00977 14C7.56205 14 8.00977 14.4477 8.00977 15C8.00977 15.5523 7.56206 16 7.00977 16H7.00001C6.44772 16 6.00001 15.5523 6.00001 15C6.00001 14.4477 6.44773 14 7.00001 14H7.00977Z M17 5.00001C17.9145 5.00001 18.7014 4.99777 19.3281 5.08204C19.9835 5.17019 20.6115 5.36934 21.1211 5.87891C21.6307 6.38849 21.8298 7.01648 21.918 7.67188C22.0022 8.29863 22 9.08547 22 10V15C22 15.9145 22.0022 16.7014 21.918 17.3281C21.8298 17.9835 21.6307 18.6115 21.1211 19.1211C20.6115 19.6307 19.9835 19.8298 19.3281 19.918C18.7014 20.0022 17.9145 20 17 20H7.00001C6.08547 20 5.29863 20.0022 4.67188 19.918C4.01648 19.8298 3.38849 19.6307 2.87891 19.1211C2.36934 18.6115 2.17019 17.9835 2.08204 17.3281C1.99777 16.7014 2.00001 15.9145 2.00001 15V10C2.00001 9.08547 1.99777 8.29863 2.08204 7.67188C2.17019 7.01648 2.36933 6.38849 2.87891 5.87891C3.38849 5.36933 4.01648 5.17019 4.67188 5.08204C5.29863 4.99777 6.08547 5.00001 7.00001 5.00001H17ZM4.00001 12V15C4.00001 15.9711 4.00228 16.599 4.06446 17.0615C4.12277 17.4951 4.21687 17.6309 4.29297 17.707C4.36908 17.7831 4.50495 17.8772 4.93848 17.9356C5.40099 17.9977 6.02893 18 7.00001 18H17C17.9711 18 18.599 17.9977 19.0615 17.9356C19.4951 17.8772 19.6309 17.7831 19.707 17.707C19.7831 17.6309 19.8772 17.4951 19.9356 17.0615C19.9977 16.599 20 15.9711 20 15V12H4.00001ZM7.00001 7.00001C6.02893 7.00001 5.40099 7.00228 4.93848 7.06446C4.50494 7.12278 4.36908 7.21687 4.29297 7.29297C4.21687 7.36908 4.12278 7.50494 4.06446 7.93848C4.00228 8.40099 4.00001 9.02893 4.00001 10H20C20 9.02893 19.9977 8.40099 19.9356 7.93848C19.8772 7.50495 19.7831 7.36908 19.707 7.29297C19.6309 7.21687 19.4951 7.12277 19.0615 7.06446C18.599 7.00228 17.9711 7.00001 17 7.00001H7.00001Z",
2196
+ name: "creditCard",
2197
+ description: "Credit card with magnetic stripe",
2198
+ category: "object",
2199
+ aliases: [
2200
+ "card",
2201
+ "payment",
2202
+ "bank-card",
2203
+ "debit"
2204
+ ],
2205
+ intent: "Use to indicate payment methods, card details, or financial transactions",
2206
+ decorativeDefault: false,
2207
+ ariaLabelDefault: "Credit card"
2208
+ };
2209
+ var wallet = {
2210
+ path: "M19.2861 3.00023C19.4022 3.00019 19.7146 2.98614 19.9951 3.08421C20.426 3.235 20.7653 3.57427 20.916 4.00511C21.014 4.28561 21 4.59804 21 4.71409C21 5.82722 21.014 6.63966 20.7754 7.32152C20.6822 7.58786 20.5609 7.84062 20.417 8.07738C20.7509 8.144 21.1087 8.28079 21.4141 8.58616C21.7772 8.94935 21.9026 9.3866 21.9541 9.76976C22.0017 10.1241 22 10.5572 22 11.0002V19.0002C22 19.4433 22.0018 19.8763 21.9541 20.2307C21.9026 20.6138 21.7772 21.0512 21.4141 21.4143C21.0509 21.7774 20.6136 21.9028 20.2305 21.9543C19.876 22.002 19.4431 22.0002 19 22.0002H7.00001C6.08549 22.0002 5.29862 22.0025 4.67188 21.9182C4.01654 21.83 3.38847 21.6308 2.87891 21.1213C2.3694 20.6118 2.17021 19.9837 2.08204 19.3284C1.99778 18.7017 2.00001 17.9147 2.00001 17.0002V6.50023L2.00489 6.32054C2.09843 4.47106 3.62728 3.00023 5.50001 3.00023H19.2861ZM4.00001 17.0002C4.00001 17.9712 4.00228 18.5993 4.06446 19.0618C4.12278 19.4951 4.21688 19.6312 4.29297 19.7073C4.36911 19.7833 4.5052 19.8775 4.93848 19.9358C5.40098 19.998 6.02896 20.0002 7.00001 20.0002H19C19.4995 20.0002 19.7737 19.9984 19.9639 19.9729C19.9664 19.9725 19.9692 19.9723 19.9717 19.9719C19.972 19.9695 19.9723 19.9666 19.9727 19.9641C19.9982 19.7739 20 19.4996 20 19.0002V18.0002H17C16.5569 18.0002 16.124 18.002 15.7695 17.9543C15.4344 17.9093 15.0577 17.808 14.7256 17.5403L14.5859 17.4143L14.46 17.2746C14.1922 16.9426 14.091 16.5658 14.0459 16.2307C13.9983 15.8763 14 15.4433 14 15.0002C14 14.5572 13.9983 14.1241 14.0459 13.7698C14.0974 13.3866 14.2228 12.9494 14.5859 12.5862C14.9491 12.223 15.3863 12.0976 15.7695 12.0461C16.124 11.9985 16.5569 12.0002 17 12.0002H20V11.0002C20 10.501 19.9982 10.2265 19.9727 10.0364C19.9724 10.0342 19.972 10.0316 19.9717 10.0295C19.9692 10.0292 19.9665 10.0279 19.9639 10.0276C19.7737 10.002 19.4995 10.0002 19 10.0002H5.50001C4.96338 10.0002 4.45452 9.88013 4.00001 9.66429V17.0002ZM17 14.0002C16.5005 14.0002 16.2263 14.002 16.0361 14.0276C16.0338 14.0279 16.0315 14.0292 16.0293 14.0295C16.0289 14.0317 16.0276 14.0341 16.0273 14.0364C16.0018 14.2265 16 14.501 16 15.0002C16 15.4996 16.0018 15.7739 16.0273 15.9641C16.0277 15.9666 16.029 15.9695 16.0293 15.9719C16.0315 15.9722 16.0339 15.9726 16.0361 15.9729C16.2263 15.9984 16.5005 16.0002 17 16.0002H20V14.0002H17ZM5.50001 5.00023C4.67158 5.00023 4.00001 5.6718 4.00001 6.50023C4.00015 7.32853 4.67167 8.00022 5.50001 8.00023H15.7139L16.5195 7.99632C17.1807 7.98775 17.45 7.96137 17.6602 7.88792C18.2346 7.68693 18.6866 7.23476 18.8877 6.66038C18.978 6.40215 18.9966 6.0544 18.999 5.00023H5.50001Z",
2211
+ name: "wallet",
2212
+ description: "Wallet with card slot",
2213
+ category: "object",
2214
+ aliases: [
2215
+ "purse",
2216
+ "money",
2217
+ "funds",
2218
+ "balance"
2219
+ ],
2220
+ intent: "Use to indicate a wallet, stored funds, account balance, or financial overview",
2221
+ decorativeDefault: false,
2222
+ ariaLabelDefault: "Wallet"
2223
+ };
2224
+ var move = {
2225
+ path: "M11 9V5.52832L9.72949 6.88379L8.27051 5.51562L12 1.53809L15.7295 5.51562L14.2705 6.88379L13 5.52832V9C13 9.55228 12.5523 10 12 10C11.4477 10 11 9.55228 11 9Z M15 11H18.4717L17.1162 9.72949L18.4844 8.27051L22.4619 12L18.4844 15.7295L17.1162 14.2705L18.4717 13H15C14.4477 13 14 12.5523 14 12C14 11.4477 14.4477 11 15 11Z M11 15V18.4717L9.72949 17.1162L8.27051 18.4844L12 22.4619L15.7295 18.4844L14.2705 17.1162L13 18.4717V15C13 14.4477 12.5523 14 12 14C11.4477 14 11 14.4477 11 15Z M9 11H5.52832L6.88379 9.72949L5.51563 8.27051L1.53809 12L5.51562 15.7295L6.88379 14.2705L5.52832 13H9C9.55228 13 10 12.5523 10 12C10 11.4477 9.55228 11 9 11Z",
2226
+ name: "move",
2227
+ description: "Four arrows pointing outward from centre",
2228
+ category: "action",
2229
+ aliases: [
2230
+ "drag",
2231
+ "reorder",
2232
+ "reposition",
2233
+ "grab"
2234
+ ],
2235
+ intent: "Use to indicate that an element can be moved, dragged, or repositioned",
2236
+ decorativeDefault: false,
2237
+ ariaLabelDefault: "Move"
2238
+ };
2164
2239
  var iconsData = {
2165
2240
  add: add,
2166
2241
  addRing: addRing,
@@ -2219,7 +2294,12 @@ var iconsData = {
2219
2294
  trash: trash,
2220
2295
  userBox: userBox,
2221
2296
  view: view,
2222
- viewHide: viewHide
2297
+ viewHide: viewHide,
2298
+ kebab: kebab,
2299
+ meatballs: meatballs,
2300
+ creditCard: creditCard,
2301
+ wallet: wallet,
2302
+ move: move
2223
2303
  };
2224
2304
 
2225
2305
  var IconStyled = styled.span.withConfig({