@ably/ui 14.6.0-dev.ff34fb9 → 14.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 (25) hide show
  1. package/core/FeaturedLink.js +1 -1
  2. package/core/Icon/EncapsulatedIcon.js +1 -0
  3. package/core/Icon/types.js +1 -1
  4. package/core/Icon.js +1 -1
  5. package/core/Meganav.js +1 -1
  6. package/core/MeganavItemsMobile.js +1 -1
  7. package/core/MeganavItemsSignedIn.js +1 -1
  8. package/core/MeganavSearch.js +1 -1
  9. package/core/MeganavSearchSuggestions/component.js +1 -1
  10. package/core/Pricing/PricingCards.js +1 -0
  11. package/core/Pricing/data.js +1 -0
  12. package/core/Pricing/types.js +1 -0
  13. package/core/ProductTile/data.js +1 -1
  14. package/core/ProductTile.js +1 -1
  15. package/core/sprites.svg +1 -1
  16. package/core/styles/colors/utils.js +1 -0
  17. package/core/styles.components.css +4 -0
  18. package/index.d.ts +89 -14
  19. package/package.json +2 -1
  20. package/tailwind.config.js +11 -10
  21. package/core/icons/icon-product-asset-tracking-encapsulated.svg +0 -15
  22. package/core/icons/icon-product-chat-encapsulated.svg +0 -20
  23. package/core/icons/icon-product-livesync-encapsulated.svg +0 -15
  24. package/core/icons/icon-product-pubsub-encapsulated.svg +0 -21
  25. package/core/icons/icon-product-spaces-encapsulated.svg +0 -20
package/tailwind.config.js CHANGED
@@ -8,6 +8,11 @@ module.exports = {
8
8
  "w-1/6",
9
9
  { pattern: /^hljs.*/ },
10
10
  { pattern: /^ui-.*/ },
11
+ {
12
+ pattern:
13
+ /^(text|bg|from|to)-(neutral|orange|yellow|green|blue|violet|pink)-[\d]{1,2}00.*/,
14
+ variants: ["hover", "focus"],
15
+ },
11
16
  ],
12
17
  theme: {
13
18
  screens: {
@@ -52,6 +57,7 @@ module.exports = {
52
57
  code2: ["var(--fs-code2)", "var(--lh-dense)"],
53
58
  },
54
59
  colors: {
60
+ "neutral-000": "var(--color-neutral-000)",
55
61
  "neutral-100": "var(--color-neutral-100)",
56
62
  "neutral-200": "var(--color-neutral-200)",
57
63
  "neutral-300": "var(--color-neutral-300)",
@@ -284,20 +290,15 @@ module.exports = {
284
290
  "widen-0.15": "var(--ls-widen-0_15)",
285
291
  "widen-0.16": "var(--ls-widen-0_16)",
286
292
  },
287
- borderRadius: {
288
- none: "0",
289
- sm: "0.125rem",
290
- md: "0.1875rem",
291
- lg: "0.5rem",
292
- xl: "0.75rem",
293
- full: "9999px",
294
- DEFAULT: "0.375rem",
295
- },
296
293
  extend: {
297
294
  backgroundImage: {
298
295
  "gradient-active-orange": "var(--gradient-active-orange)",
299
296
  "gradient-hot-pink": "var(--gradient-hot-pink)",
300
297
  },
298
+ borderRadius: {
299
+ md: "0.1875rem",
300
+ DEFAULT: "0.375rem",
301
+ },
301
302
  transitionProperty: {
302
303
  input: "background-color, box-shadow",
303
304
  filter: "filter",
@@ -349,5 +350,5 @@ module.exports = {
349
350
  corePlugins: {
350
351
  preflight: false,
351
352
  },
352
- plugins: [],
353
+ plugins: [require("@tailwindcss/container-queries")],
353
354
  };
package/core/icons/icon-product-asset-tracking-encapsulated.svg DELETED
@@ -1,15 +0,0 @@
1
- <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M10 0.375H30C35.3157 0.375 39.625 4.68426 39.625 10V30C39.625 35.3157 35.3157 39.625 30 39.625H10C4.68426 39.625 0.375 35.3157 0.375 30V10C0.375 4.68426 4.68426 0.375 10 0.375Z" fill="#202531"/>
3
- <path d="M10 0.375H30C35.3157 0.375 39.625 4.68426 39.625 10V30C39.625 35.3157 35.3157 39.625 30 39.625H10C4.68426 39.625 0.375 35.3157 0.375 30V10C0.375 4.68426 4.68426 0.375 10 0.375Z" stroke="url(#paint0_linear_4209_14107)" stroke-width="0.75"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M21.7099 30.8795C24.4143 27.864 29.375 21.7778 29.375 17.7084C29.375 12.5307 25.1777 8.33337 20 8.33337C14.8223 8.33337 10.625 12.5307 10.625 17.7084C10.625 21.7778 15.5857 27.864 18.2901 30.8795C19.214 31.9098 20.786 31.9098 21.7099 30.8795ZM20 21.4583C22.0711 21.4583 23.75 19.7794 23.75 17.7083C23.75 15.6373 22.0711 13.9583 20 13.9583C17.9289 13.9583 16.25 15.6373 16.25 17.7083C16.25 19.7794 17.9289 21.4583 20 21.4583Z" fill="url(#paint1_linear_4209_14107)"/>
5
- <defs>
6
- <linearGradient id="paint0_linear_4209_14107" x1="20" y1="0" x2="20" y2="40" gradientUnits="userSpaceOnUse">
7
- <stop stop-color="#39414E"/>
8
- <stop offset="1" stop-color="#39414E" stop-opacity="0"/>
9
- </linearGradient>
10
- <linearGradient id="paint1_linear_4209_14107" x1="20" y1="8.33337" x2="20" y2="31.6523" gradientUnits="userSpaceOnUse">
11
- <stop stop-color="#B986F8"/>
12
- <stop offset="1" stop-color="#9951F5"/>
13
- </linearGradient>
14
- </defs>
15
- </svg>
package/core/icons/icon-product-chat-encapsulated.svg DELETED
@@ -1,20 +0,0 @@
1
- <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M10 0.375H30C35.3157 0.375 39.625 4.68426 39.625 10V30C39.625 35.3157 35.3157 39.625 30 39.625H10C4.68426 39.625 0.375 35.3157 0.375 30V10C0.375 4.68426 4.68426 0.375 10 0.375Z" fill="#202531"/>
3
- <path d="M10 0.375H30C35.3157 0.375 39.625 4.68426 39.625 10V30C39.625 35.3157 35.3157 39.625 30 39.625H10C4.68426 39.625 0.375 35.3157 0.375 30V10C0.375 4.68426 4.68426 0.375 10 0.375Z" stroke="url(#paint0_linear_4209_14062)" stroke-width="0.75"/>
4
- <g clip-path="url(#clip0_4209_14062)">
5
- <path d="M11.6673 8.33337H28.334C30.1749 8.33337 31.6673 9.82576 31.6673 11.6667V30.4918C31.6673 31.5795 30.3744 32.1482 29.5727 31.4133L24.4063 26.6774C24.2526 26.5365 24.0517 26.4584 23.8432 26.4584H11.6673C9.82637 26.4584 8.33398 24.966 8.33398 23.125V11.6667C8.33398 9.82576 9.82637 8.33337 11.6673 8.33337Z" fill="url(#paint1_linear_4209_14062)"/>
6
- </g>
7
- <defs>
8
- <linearGradient id="paint0_linear_4209_14062" x1="20" y1="0" x2="20" y2="40" gradientUnits="userSpaceOnUse">
9
- <stop stop-color="#39414E"/>
10
- <stop offset="1" stop-color="#39414E" stop-opacity="0"/>
11
- </linearGradient>
12
- <linearGradient id="paint1_linear_4209_14062" x1="20.0007" y1="8.33337" x2="20.0007" y2="32.0834" gradientUnits="userSpaceOnUse">
13
- <stop stop-color="#4AD4FF"/>
14
- <stop offset="1" stop-color="#2CC0FF"/>
15
- </linearGradient>
16
- <clipPath id="clip0_4209_14062">
17
- <rect width="26.6667" height="26.6667" fill="white" transform="translate(6.66602 6.66663)"/>
18
- </clipPath>
19
- </defs>
20
- </svg>
package/core/icons/icon-product-livesync-encapsulated.svg DELETED
@@ -1,15 +0,0 @@
1
- <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M10 0.375H30C35.3157 0.375 39.625 4.68426 39.625 10V30C39.625 35.3157 35.3157 39.625 30 39.625H10C4.68426 39.625 0.375 35.3157 0.375 30V10C0.375 4.68426 4.68426 0.375 10 0.375Z" fill="#202531"/>
3
- <path d="M10 0.375H30C35.3157 0.375 39.625 4.68426 39.625 10V30C39.625 35.3157 35.3157 39.625 30 39.625H10C4.68426 39.625 0.375 35.3157 0.375 30V10C0.375 4.68426 4.68426 0.375 10 0.375Z" stroke="url(#paint0_linear_4209_14088)" stroke-width="0.75"/>
4
- <path fill-rule="evenodd" clip-rule="evenodd" d="M22.0833 10.8333H20V17.0247C20 17.7219 19.1948 18.1108 18.6486 17.6774L8.74746 9.81933C8.12916 9.32862 8.47615 8.33325 9.2655 8.33325H18.75H20H22.0833C27.3761 8.33325 31.6667 12.6239 31.6667 17.9166V21.2499C31.6667 21.9403 31.107 22.4999 30.4167 22.4999C29.7263 22.4999 29.1667 21.9403 29.1667 21.2499V17.9166C29.1667 14.0046 25.9954 10.8333 22.0833 10.8333ZM17.9154 29.1667H19.9987V22.9753C19.9987 22.278 20.8039 21.8891 21.3501 22.3225L31.2512 30.1806C31.8695 30.6713 31.5226 31.6667 30.7332 31.6667H21.2487H19.9987H17.9154C12.6226 31.6667 8.33203 27.3761 8.33203 22.0833V18.75C8.33203 18.0596 8.89168 17.5 9.58203 17.5C10.2724 17.5 10.832 18.0596 10.832 18.75V22.0833C10.832 25.9954 14.0033 29.1667 17.9154 29.1667Z" fill="url(#paint1_linear_4209_14088)"/>
5
- <defs>
6
- <linearGradient id="paint0_linear_4209_14088" x1="20" y1="0" x2="20" y2="40" gradientUnits="userSpaceOnUse">
7
- <stop stop-color="#39414E"/>
8
- <stop offset="1" stop-color="#39414E" stop-opacity="0"/>
9
- </linearGradient>
10
- <linearGradient id="paint1_linear_4209_14088" x1="20.0479" y1="8.33325" x2="20.0479" y2="22.5" gradientUnits="userSpaceOnUse">
11
- <stop stop-color="#00E80B"/>
12
- <stop offset="1" stop-color="#00C008"/>
13
- </linearGradient>
14
- </defs>
15
- </svg>
package/core/icons/icon-product-pubsub-encapsulated.svg DELETED
@@ -1,21 +0,0 @@
1
- <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <rect x="0.208333" y="0.208333" width="39.5833" height="39.5833" rx="9.79167" fill="#202531"/>
3
- <rect x="0.208333" y="0.208333" width="39.5833" height="39.5833" rx="9.79167" stroke="url(#paint0_linear_4209_14043)" stroke-width="0.416667"/>
4
- <g clip-path="url(#clip0_4209_14043)">
5
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8.29597 23.3082L18.4591 7.0472C18.9028 6.33722 19.9991 6.65163 19.9991 7.48887V24.5832H9.00263C8.3481 24.5832 7.94907 23.8632 8.29597 23.3082ZM19.9991 24.5832L19.9991 32.5109C19.9991 33.3481 21.0954 33.6626 21.5391 32.9526L31.7022 16.6916C32.0491 16.1365 31.6501 15.4166 30.9956 15.4166L19.9991 15.4166L19.9991 24.5832Z" fill="black"/>
6
- <path fill-rule="evenodd" clip-rule="evenodd" d="M8.29597 23.3082L18.4591 7.0472C18.9028 6.33722 19.9991 6.65163 19.9991 7.48887V24.5832H9.00263C8.3481 24.5832 7.94907 23.8632 8.29597 23.3082ZM19.9991 24.5832L19.9991 32.5109C19.9991 33.3481 21.0954 33.6626 21.5391 32.9526L31.7022 16.6916C32.0491 16.1365 31.6501 15.4166 30.9956 15.4166L19.9991 15.4166L19.9991 24.5832Z" fill="url(#paint1_linear_4209_14043)"/>
7
- </g>
8
- <defs>
9
- <linearGradient id="paint0_linear_4209_14043" x1="20" y1="0" x2="20" y2="40" gradientUnits="userSpaceOnUse">
10
- <stop stop-color="#39414E"/>
11
- <stop offset="1" stop-color="#39414E" stop-opacity="0"/>
12
- </linearGradient>
13
- <linearGradient id="paint1_linear_4209_14043" x1="19.9991" y1="11.0468" x2="19.9991" y2="31.3093" gradientUnits="userSpaceOnUse">
14
- <stop stop-color="#FF5416"/>
15
- <stop offset="1" stop-color="#FF2739"/>
16
- </linearGradient>
17
- <clipPath id="clip0_4209_14043">
18
- <rect width="26.6667" height="26.6667" fill="white" transform="translate(6.66602 6.66663)"/>
19
- </clipPath>
20
- </defs>
21
- </svg>
package/core/icons/icon-product-spaces-encapsulated.svg DELETED
@@ -1,20 +0,0 @@
1
- <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M10 0.375H30C35.3157 0.375 39.625 4.68426 39.625 10V30C39.625 35.3157 35.3157 39.625 30 39.625H10C4.68426 39.625 0.375 35.3157 0.375 30V10C0.375 4.68426 4.68426 0.375 10 0.375Z" fill="#202531"/>
3
- <path d="M10 0.375H30C35.3157 0.375 39.625 4.68426 39.625 10V30C39.625 35.3157 35.3157 39.625 30 39.625H10C4.68426 39.625 0.375 35.3157 0.375 30V10C0.375 4.68426 4.68426 0.375 10 0.375Z" stroke="url(#paint0_linear_4209_14075)" stroke-width="0.75"/>
4
- <g clip-path="url(#clip0_4209_14075)">
5
- <path d="M15.55 31.5454L9.22463 10.7853C8.93307 9.82838 9.82777 8.93368 10.7847 9.22524L31.5448 15.5506C32.7015 15.903 32.7336 17.5288 31.5918 17.9267L22.2181 21.1933C21.7377 21.3607 21.3601 21.7383 21.1927 22.2187L17.9261 31.5924C17.5282 32.7342 15.9024 32.7021 15.55 31.5454Z" fill="url(#paint1_linear_4209_14075)"/>
6
- </g>
7
- <defs>
8
- <linearGradient id="paint0_linear_4209_14075" x1="20" y1="0" x2="20" y2="40" gradientUnits="userSpaceOnUse">
9
- <stop stop-color="#39414E"/>
10
- <stop offset="1" stop-color="#39414E" stop-opacity="0"/>
11
- </linearGradient>
12
- <linearGradient id="paint1_linear_4209_14075" x1="21.8743" y1="8.54163" x2="21.8743" y2="35.2083" gradientUnits="userSpaceOnUse">
13
- <stop stop-color="#FF17D2"/>
14
- <stop offset="1" stop-color="#D400AB"/>
15
- </linearGradient>
16
- <clipPath id="clip0_4209_14075">
17
- <rect width="26.6667" height="26.6667" fill="white" transform="translate(6.66602 6.66663)"/>
18
- </clipPath>
19
- </defs>
20
- </svg>