@usecapsule/core-components 3.5.1 → 3.6.0-dev.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. package/css/capsule-core.css +1 -1
  2. package/dist/capsule/capsule.esm.js +1 -1
  3. package/dist/capsule/capsule.esm.js.map +1 -1
  4. package/dist/capsule/p-12d4ab85.entry.js +28 -0
  5. package/dist/capsule/p-12d4ab85.entry.js.map +1 -0
  6. package/dist/capsule/{p-9fa8efd0.entry.js → p-7dff759e.entry.js} +2 -2
  7. package/dist/capsule/p-7dff759e.entry.js.map +1 -0
  8. package/dist/cjs/capsule.cjs.js +1 -1
  9. package/dist/cjs/cpsl-alert_34.cjs.entry.js +4448 -2507
  10. package/dist/cjs/cpsl-alert_34.cjs.entry.js.map +1 -1
  11. package/dist/cjs/cpsl-hero.cjs.entry.js +7 -3
  12. package/dist/cjs/cpsl-hero.cjs.entry.js.map +1 -1
  13. package/dist/cjs/loader.cjs.js +1 -1
  14. package/dist/collection/assets/icons/arbitrum-brand.svg +38 -0
  15. package/dist/collection/assets/icons/arrow-circle-down-filled.svg +5 -0
  16. package/dist/collection/assets/icons/base-brand.svg +3 -0
  17. package/dist/collection/assets/icons/celo-brand.svg +13 -0
  18. package/dist/collection/assets/icons/chevron-down.svg +5 -0
  19. package/dist/collection/assets/icons/chevron-selector-vertical.svg +5 -0
  20. package/dist/collection/assets/icons/copy-07.svg +5 -0
  21. package/dist/collection/assets/icons/credit-card-02.svg +5 -0
  22. package/dist/collection/assets/icons/cube-03.svg +5 -0
  23. package/dist/collection/assets/icons/cube-outline.svg +5 -0
  24. package/dist/collection/assets/icons/currency-dollar.svg +3 -0
  25. package/dist/collection/assets/icons/dots.svg +65 -0
  26. package/dist/collection/assets/icons/edit-02.svg +5 -0
  27. package/dist/collection/assets/icons/index.js +396 -1
  28. package/dist/collection/assets/icons/index.js.map +1 -1
  29. package/dist/collection/assets/icons/optimism-brand.svg +11 -0
  30. package/dist/collection/assets/icons/plus.svg +5 -0
  31. package/dist/collection/assets/icons/polygon-brand.svg +16 -0
  32. package/dist/collection/assets/icons/polygon.svg +5 -0
  33. package/dist/collection/assets/icons/sliders.svg +3 -0
  34. package/dist/collection/assets/icons/star-04-filled.svg +3 -0
  35. package/dist/collection/assets/icons/trash.svg +3 -0
  36. package/dist/collection/assets/icons/usdc-brand.svg +5 -0
  37. package/dist/collection/assets/icons/user.svg +5 -0
  38. package/dist/collection/assets/images/index.js +5 -1
  39. package/dist/collection/assets/images/index.js.map +1 -1
  40. package/dist/collection/components/cpsl-alert/cpsl-alert.css +1 -0
  41. package/dist/collection/components/cpsl-alert/cpsl-alert.js +1 -1
  42. package/dist/collection/components/cpsl-auth-modal/cpsl-auth-modal.css +3 -0
  43. package/dist/collection/components/cpsl-button/cpsl-button.css +1 -1
  44. package/dist/collection/components/cpsl-file-upload/cpsl-file-upload.js +20 -1
  45. package/dist/collection/components/cpsl-file-upload/cpsl-file-upload.js.map +1 -1
  46. package/dist/collection/components/cpsl-hero/cpsl-hero.css +4 -4
  47. package/dist/collection/components/cpsl-hero/cpsl-hero.js +1 -1
  48. package/dist/collection/components/cpsl-hero/cpsl-hero.js.map +1 -1
  49. package/dist/collection/components/cpsl-icon/cpsl-icon.js +1 -1
  50. package/dist/collection/components/cpsl-input/cpsl-input.js +40 -32
  51. package/dist/collection/components/cpsl-input/cpsl-input.js.map +1 -1
  52. package/dist/collection/components/cpsl-popover/cpsl-popover.js +6 -3
  53. package/dist/collection/components/cpsl-popover/cpsl-popover.js.map +1 -1
  54. package/dist/collection/components/cpsl-select/cpsl-select.css +1 -0
  55. package/dist/collection/components/cpsl-select/cpsl-select.js +46 -6
  56. package/dist/collection/components/cpsl-select/cpsl-select.js.map +1 -1
  57. package/dist/collection/components/cpsl-slide-button/cpsl-slide-button.js +2 -2
  58. package/dist/collection/components/cpsl-tab/cpsl-tab.css +4 -4
  59. package/dist/collection/components/cpsl-tabs/cpsl-tabs.css +1 -0
  60. package/dist/collection/components/cpsl-text/cpsl-text.css +192 -67
  61. package/dist/collection/components/cpsl-text/cpsl-text.js +30 -27
  62. package/dist/collection/components/cpsl-text/cpsl-text.js.map +1 -1
  63. package/dist/collection/components/cpsl-tile-button/cpsl-tile-button.js +1 -1
  64. package/dist/esm/capsule.js +1 -1
  65. package/dist/esm/cpsl-alert_34.entry.js +4448 -2507
  66. package/dist/esm/cpsl-alert_34.entry.js.map +1 -1
  67. package/dist/esm/cpsl-hero.entry.js +7 -3
  68. package/dist/esm/cpsl-hero.entry.js.map +1 -1
  69. package/dist/esm/loader.js +1 -1
  70. package/dist/scripts/buildAssets.js +9 -9
  71. package/dist/scripts/buildAssets.js.map +1 -1
  72. package/dist/types/assets/icons/index.d.ts +22 -0
  73. package/dist/types/components/cpsl-file-upload/cpsl-file-upload.d.ts +5 -0
  74. package/dist/types/components/cpsl-input/cpsl-input.d.ts +4 -3
  75. package/dist/types/components/cpsl-select/cpsl-select.d.ts +10 -0
  76. package/dist/types/components/cpsl-text/cpsl-text.d.ts +1 -1
  77. package/dist/types/components.d.ts +32 -0
  78. package/package.json +3 -4
  79. package/dist/capsule/p-45496164.entry.js +0 -20
  80. package/dist/capsule/p-45496164.entry.js.map +0 -1
  81. package/dist/capsule/p-9fa8efd0.entry.js.map +0 -1
@@ -1,8 +1,6 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
2
  import { AutocompleteTypes, IconType, TextFieldTypes } from '../../interface';
3
3
  import { InputChangeEventDetail, InputInputEventDetail } from './input-interface';
4
- import InputMask from 'imask/esm/controls/input';
5
- import 'imask/esm/masked/pattern';
6
4
  export declare class CpslInput {
7
5
  private nativeInput?;
8
6
  el: HTMLCpslInputElement;
@@ -12,7 +10,6 @@ export declare class CpslInput {
12
10
  */
13
11
  private focusedValue?;
14
12
  hasFocus: boolean;
15
- maskedInput?: InputMask;
16
13
  /**
17
14
  * Indicates whether and how the text value should be automatically capitalized as it is entered/edited by the user.
18
15
  * Available options: `"off"`, `"none"`, `"on"`, `"sentences"`, `"words"`, `"characters"`.
@@ -36,6 +33,10 @@ export declare class CpslInput {
36
33
  * This may not be sufficient for the element to be focused on page load.
37
34
  */
38
35
  autofocus: boolean;
36
+ /**
37
+ * If `true`, the input's entire contents will be selected on focus.
38
+ */
39
+ autoselect: boolean;
39
40
  /**
40
41
  * If `true`, the user cannot interact with the input.
41
42
  */
@@ -1,4 +1,5 @@
1
1
  import { EventEmitter } from '../../stencil-public-runtime';
2
+ import { IconType } from '../../interface';
2
3
  export declare class CpslSelect {
3
4
  el: HTMLCpslSelectElement;
4
5
  private popoverEl;
@@ -40,10 +41,19 @@ export declare class CpslSelect {
40
41
  * ID of the element, must be unique for the popover trigger.
41
42
  */
42
43
  id: string;
44
+ /**
45
+ * The name of the icon to use for the end icon.
46
+ * Default: `chevronUp`
47
+ */
48
+ icon?: IconType;
43
49
  /**
44
50
  * The label for the input.
45
51
  */
46
52
  label?: string;
53
+ /**
54
+ * Whether or not to show the rotation animation for the end icon.
55
+ */
56
+ noIconAnimation?: boolean;
47
57
  /**
48
58
  * Placeholder to display if `selectedValue` is empty.
49
59
  */
@@ -17,6 +17,6 @@ export declare class CpslText {
17
17
  * Default is: `"regular"`.
18
18
  */
19
19
  weight?: 'regular' | 'medium' | 'semiBold' | 'bold';
20
- private get Content();
20
+ private getContent;
21
21
  render(): any;
22
22
  }
@@ -305,6 +305,10 @@ export namespace Components {
305
305
  "width": string;
306
306
  }
307
307
  interface CpslFileUpload {
308
+ /**
309
+ * If the input is disabled. Default is: false.
310
+ */
311
+ "disabled"?: boolean;
308
312
  /**
309
313
  * Error text to show below the input. If this is provided the input will enter an error state.
310
314
  */
@@ -419,6 +423,10 @@ export namespace Components {
419
423
  * Sets the [`autofocus` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) on the native input element. This may not be sufficient for the element to be focused on page load.
420
424
  */
421
425
  "autofocus": boolean;
426
+ /**
427
+ * If `true`, the input's entire contents will be selected on focus.
428
+ */
429
+ "autoselect": boolean;
422
430
  /**
423
431
  * If `true`, the input primary color will use the contrast value, not the primary text value.
424
432
  */
@@ -727,6 +735,10 @@ export namespace Components {
727
735
  * Helper text to show below the input. If `"errorText"` is provided that will take precedence.
728
736
  */
729
737
  "helperText"?: string;
738
+ /**
739
+ * The name of the icon to use for the end icon. Default: `chevronUp`
740
+ */
741
+ "icon"?: IconType;
730
742
  /**
731
743
  * ID of the element, must be unique for the popover trigger.
732
744
  */
@@ -735,6 +747,10 @@ export namespace Components {
735
747
  * The label for the input.
736
748
  */
737
749
  "label"?: string;
750
+ /**
751
+ * Whether or not to show the rotation animation for the end icon.
752
+ */
753
+ "noIconAnimation"?: boolean;
738
754
  /**
739
755
  * Placeholder to display if `selectedValue` is empty.
740
756
  */
@@ -1754,6 +1770,10 @@ declare namespace LocalJSX {
1754
1770
  "width"?: string;
1755
1771
  }
1756
1772
  interface CpslFileUpload {
1773
+ /**
1774
+ * If the input is disabled. Default is: false.
1775
+ */
1776
+ "disabled"?: boolean;
1757
1777
  /**
1758
1778
  * Error text to show below the input. If this is provided the input will enter an error state.
1759
1779
  */
@@ -1888,6 +1908,10 @@ declare namespace LocalJSX {
1888
1908
  * Sets the [`autofocus` attribute](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/autofocus) on the native input element. This may not be sufficient for the element to be focused on page load.
1889
1909
  */
1890
1910
  "autofocus"?: boolean;
1911
+ /**
1912
+ * If `true`, the input's entire contents will be selected on focus.
1913
+ */
1914
+ "autoselect"?: boolean;
1891
1915
  /**
1892
1916
  * If `true`, the input primary color will use the contrast value, not the primary text value.
1893
1917
  */
@@ -2252,6 +2276,10 @@ declare namespace LocalJSX {
2252
2276
  * Helper text to show below the input. If `"errorText"` is provided that will take precedence.
2253
2277
  */
2254
2278
  "helperText"?: string;
2279
+ /**
2280
+ * The name of the icon to use for the end icon. Default: `chevronUp`
2281
+ */
2282
+ "icon"?: IconType;
2255
2283
  /**
2256
2284
  * ID of the element, must be unique for the popover trigger.
2257
2285
  */
@@ -2260,6 +2288,10 @@ declare namespace LocalJSX {
2260
2288
  * The label for the input.
2261
2289
  */
2262
2290
  "label"?: string;
2291
+ /**
2292
+ * Whether or not to show the rotation animation for the end icon.
2293
+ */
2294
+ "noIconAnimation"?: boolean;
2263
2295
  /**
2264
2296
  * Emitted when the input loses focus.
2265
2297
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@usecapsule/core-components",
3
- "version": "3.5.1",
3
+ "version": "3.6.0-dev.0",
4
4
  "description": "Capsule Core Components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -31,7 +31,7 @@
31
31
  "color-blend": "^4.0.0",
32
32
  "color2k": "^2.0.3",
33
33
  "gsap": "^3.12.5",
34
- "imask": "7.6.1",
34
+ "inputmask": "5.0.9",
35
35
  "qrcode-with-logos": "1.1.1"
36
36
  },
37
37
  "devDependencies": {
@@ -59,6 +59,5 @@
59
59
  "storybook": "^8.1.11",
60
60
  "storybook-addon-stencil": "^0.2.1",
61
61
  "ts-node": "^10.9.2"
62
- },
63
- "gitHead": "59624937c8ab48d266cfbf2604755ea38d2802b4"
62
+ }
64
63
  }