@scalar/components 0.0.5 → 0.1.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.
Files changed (65) hide show
  1. package/dist/index.cjs +55 -17
  2. package/dist/index.d.ts +526 -14
  3. package/dist/index.js +290 -241
  4. package/dist/index.umd.cjs +40 -2
  5. package/dist/style.css +1 -1
  6. package/package.json +5 -5
  7. package/dist/components/ScalarButton/ScalarButton.spec.d.ts +0 -2
  8. package/dist/components/ScalarButton/ScalarButton.spec.d.ts.map +0 -1
  9. package/dist/components/ScalarButton/ScalarButton.stories.d.ts +0 -889
  10. package/dist/components/ScalarButton/ScalarButton.stories.d.ts.map +0 -1
  11. package/dist/components/ScalarButton/ScalarButton.vue.d.ts +0 -55
  12. package/dist/components/ScalarButton/ScalarButton.vue.d.ts.map +0 -1
  13. package/dist/components/ScalarButton/index.d.ts +0 -2
  14. package/dist/components/ScalarButton/index.d.ts.map +0 -1
  15. package/dist/components/ScalarIcon/ScalarIcon.spec.d.ts +0 -2
  16. package/dist/components/ScalarIcon/ScalarIcon.spec.d.ts.map +0 -1
  17. package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts +0 -71
  18. package/dist/components/ScalarIcon/ScalarIcon.stories.d.ts.map +0 -1
  19. package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts +0 -17
  20. package/dist/components/ScalarIcon/ScalarIcon.vue.d.ts.map +0 -1
  21. package/dist/components/ScalarIcon/SvgRenderer.d.ts +0 -7
  22. package/dist/components/ScalarIcon/SvgRenderer.d.ts.map +0 -1
  23. package/dist/components/ScalarIcon/icons/iconNames.d.ts +0 -2
  24. package/dist/components/ScalarIcon/icons/iconNames.d.ts.map +0 -1
  25. package/dist/components/ScalarIcon/icons/index.d.ts +0 -4
  26. package/dist/components/ScalarIcon/icons/index.d.ts.map +0 -1
  27. package/dist/components/ScalarIcon/index.d.ts +0 -3
  28. package/dist/components/ScalarIcon/index.d.ts.map +0 -1
  29. package/dist/components/ScalarIconButton/ScalarIconButton.spec.d.ts +0 -2
  30. package/dist/components/ScalarIconButton/ScalarIconButton.spec.d.ts.map +0 -1
  31. package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts +0 -57
  32. package/dist/components/ScalarIconButton/ScalarIconButton.stories.d.ts.map +0 -1
  33. package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts +0 -35
  34. package/dist/components/ScalarIconButton/ScalarIconButton.vue.d.ts.map +0 -1
  35. package/dist/components/ScalarIconButton/index.d.ts +0 -2
  36. package/dist/components/ScalarIconButton/index.d.ts.map +0 -1
  37. package/dist/components/ScalarLoading/ScalarLoading.spec.d.ts +0 -2
  38. package/dist/components/ScalarLoading/ScalarLoading.spec.d.ts.map +0 -1
  39. package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts +0 -326
  40. package/dist/components/ScalarLoading/ScalarLoading.stories.d.ts.map +0 -1
  41. package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts +0 -48
  42. package/dist/components/ScalarLoading/ScalarLoading.vue.d.ts.map +0 -1
  43. package/dist/components/ScalarLoading/index.d.ts +0 -2
  44. package/dist/components/ScalarLoading/index.d.ts.map +0 -1
  45. package/dist/components/ScalarModal/ScalarModal.spec.d.ts +0 -2
  46. package/dist/components/ScalarModal/ScalarModal.spec.d.ts.map +0 -1
  47. package/dist/components/ScalarModal/ScalarModal.stories.d.ts +0 -202
  48. package/dist/components/ScalarModal/ScalarModal.stories.d.ts.map +0 -1
  49. package/dist/components/ScalarModal/ScalarModal.vue.d.ts +0 -52
  50. package/dist/components/ScalarModal/ScalarModal.vue.d.ts.map +0 -1
  51. package/dist/components/ScalarModal/index.d.ts +0 -2
  52. package/dist/components/ScalarModal/index.d.ts.map +0 -1
  53. package/dist/components/ScalarTextField/ScalarTextField.spec.d.ts +0 -2
  54. package/dist/components/ScalarTextField/ScalarTextField.spec.d.ts.map +0 -1
  55. package/dist/components/ScalarTextField/ScalarTextField.stories.d.ts +0 -992
  56. package/dist/components/ScalarTextField/ScalarTextField.stories.d.ts.map +0 -1
  57. package/dist/components/ScalarTextField/ScalarTextField.vue.d.ts +0 -73
  58. package/dist/components/ScalarTextField/ScalarTextField.vue.d.ts.map +0 -1
  59. package/dist/components/ScalarTextField/index.d.ts +0 -2
  60. package/dist/components/ScalarTextField/index.d.ts.map +0 -1
  61. package/dist/index.d.ts.map +0 -1
  62. package/dist/tailwind/index.d.ts +0 -2
  63. package/dist/tailwind/index.d.ts.map +0 -1
  64. package/dist/tailwind/tailwind.theme.d.ts +0 -59
  65. package/dist/tailwind/tailwind.theme.d.ts.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"ScalarTextField.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextField/ScalarTextField.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAKrD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAc8B,CAAA;AAExC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,KAMlB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAA"}
@@ -1,73 +0,0 @@
1
- declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
2
- modelValue: string;
3
- placeholder?: string;
4
- label?: string;
5
- /** This color creates a mask over the input outline and should be set to the background color behind the textField */
6
- labelShadowColor?: string;
7
- error?: boolean;
8
- isMultiline?: boolean;
9
- helperText?: string;
10
- emitOnBlur?: boolean;
11
- handleFieldSubmit?: (e: string) => void;
12
- handleFieldChange?: (e: string) => void;
13
- /** Option to disable trimming for input fields */
14
- disableTrim?: boolean;
15
- }>, {
16
- emitOnBlur: boolean;
17
- labelShadowColor: string;
18
- disableTrim: boolean;
19
- }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
20
- submit: (v: string) => void;
21
- "update:modelValue": (v: string) => void;
22
- }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
23
- modelValue: string;
24
- placeholder?: string;
25
- label?: string;
26
- /** This color creates a mask over the input outline and should be set to the background color behind the textField */
27
- labelShadowColor?: string;
28
- error?: boolean;
29
- isMultiline?: boolean;
30
- helperText?: string;
31
- emitOnBlur?: boolean;
32
- handleFieldSubmit?: (e: string) => void;
33
- handleFieldChange?: (e: string) => void;
34
- /** Option to disable trimming for input fields */
35
- disableTrim?: boolean;
36
- }>, {
37
- emitOnBlur: boolean;
38
- labelShadowColor: string;
39
- disableTrim: boolean;
40
- }>>> & {
41
- onSubmit?: (v: string) => any;
42
- "onUpdate:modelValue"?: (v: string) => any;
43
- }, {
44
- labelShadowColor: string;
45
- emitOnBlur: boolean;
46
- disableTrim: boolean;
47
- }, {}>, {
48
- default?(_: {}): any;
49
- }>;
50
- export default _default;
51
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
52
- type __VLS_TypePropsToRuntimeProps<T> = {
53
- [K in keyof T]-?: {} extends Pick<T, K> ? {
54
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
55
- } : {
56
- type: import('vue').PropType<T[K]>;
57
- required: true;
58
- };
59
- };
60
- type __VLS_WithDefaults<P, D> = {
61
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
62
- default: D[K];
63
- }> : P[K];
64
- };
65
- type __VLS_Prettify<T> = {
66
- [K in keyof T]: T[K];
67
- } & {};
68
- type __VLS_WithTemplateSlots<T, S> = T & {
69
- new (): {
70
- $slots: S;
71
- };
72
- };
73
- //# sourceMappingURL=ScalarTextField.vue.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ScalarTextField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextField/ScalarTextField.vue"],"names":[],"mappings":";;;;IAkWI,sHAAsH;;;;;;;;IAQtH,kDAAkD;;;;;;;;;;;;;IARlD,sHAAsH;;;;;;;;IAQtH,kDAAkD;;;;;;;;;;;;;;;;AAStD,wBAAwG;AAGxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
@@ -1,2 +0,0 @@
1
- export { default as ScalarTextField } from './ScalarTextField.vue';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarTextField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,yBAAyB,CAAA;;mBAGf,GAAG;;AADpB,wBASC;AAED,OAAO,EACL,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,WAAW,EACX,QAAQ,EACR,eAAe,GAChB,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA"}
@@ -1,2 +0,0 @@
1
- export * from './tailwind.theme.ts';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA"}
@@ -1,59 +0,0 @@
1
- export declare const theme: {
2
- readonly boxShadow: {
3
- readonly DEFAULT: "var(--theme-shadow-1, var(--default-theme-shadow-1))";
4
- readonly md: "var(--theme-shadow-2, var(--default-theme-shadow-2))";
5
- readonly sm: "rgba(0, 0, 0, 0.09) 0px 1px 4px";
6
- readonly none: "0 0 #0000";
7
- };
8
- readonly colors: {
9
- readonly 'fore-1': "var(--theme-color-1, var(--default-theme-color-1))";
10
- readonly 'fore-2': "var(--theme-color-2, var(--default-theme-color-2))";
11
- readonly 'fore-3': "var(--theme-color-3, var(--default-theme-color-3))";
12
- readonly accent: "var(--theme-color-accent, var(--default-theme-color-accent))";
13
- readonly 'back-1': "var(--theme-background-1, var(--default-theme-background-1))";
14
- readonly 'back-2': "var(--theme-background-2, var(--default-theme-background-2))";
15
- readonly 'back-3': "var(--theme-background-3, var(--default-theme-background-3))";
16
- readonly 'back-accent': "var(--theme-background-accent, var(--default-theme-background-accent))";
17
- readonly backdrop: "rgba(0, 0, 0, 0.44)";
18
- readonly border: "var(--theme-border-color, var(--default-theme-border-color))";
19
- readonly 'back-btn-1': "var(--theme-button-1, var(--default-theme-button-1))";
20
- readonly 'fore-btn-1': "var(--theme-button-1-color, var(--default-theme-button-1-color))";
21
- readonly 'hover-btn-1': "var(--theme-button-1-hover, var(--default-theme-button-1-hover))";
22
- readonly white: "#FFF";
23
- readonly green: "var(--theme-color-green, var(--default-theme-color-green))";
24
- readonly red: "var(--theme-color-red, var(--default-theme-color-red))";
25
- readonly yellow: "var(--theme-color-yellow, var(--default-theme-color-yellow))";
26
- readonly blue: "var(--theme-color-blue, var(--default-theme-color-blue))";
27
- readonly orange: "var(--theme-color-orange, var(--default-theme-color-orange))";
28
- readonly purple: "var(--theme-color-purple, var(--default-theme-color-purple))";
29
- readonly error: "var(--theme-error-color, var(--default-theme-color-red))";
30
- readonly ghost: "var(--theme-color-ghost, var(--default-theme-color-ghost))";
31
- readonly transparent: "transparent";
32
- };
33
- };
34
- export declare const extend: {
35
- readonly borderRadius: {
36
- readonly DEFAULT: "var(--theme-radius, var(--default-theme-radius))";
37
- readonly md: "var(--theme-radius, var(--default-theme-radius))";
38
- readonly lg: "var(--theme-radius-lg, var(--default-theme-radius-lg))";
39
- readonly xl: "var(--theme-radius-xl, var(--default-theme-radius-xl))";
40
- };
41
- readonly fontSize: {
42
- readonly xxs: "var(--theme-micro, var(--default-theme-micro, var(--theme-font-size-5, var(--default-theme-font-size-5))))";
43
- readonly xs: "var(--theme-mini, var(--default-theme-mini, var(--theme-font-size-4, var(--default-theme-font-size-4))))";
44
- readonly sm: "var(--theme-small, var(--default-theme-small, var(--theme-font-size-3, var(--default-theme-font-size-3))))";
45
- readonly base: "var(--theme-paragraph, var(--default-theme-paragraph, var(--theme-font-size-2, var(--default-theme-font-size-2))))";
46
- readonly lg: "var(--theme-font-size-1, var(--default-theme-font-size-1))";
47
- };
48
- readonly fontWeight: {
49
- readonly medium: "var(--theme-font-medium, var(--default-theme-font-medium))";
50
- readonly bold: "var(--theme-font-bold, var(--default-theme-font-bold))";
51
- };
52
- readonly maxWidth: {
53
- readonly 'screen-xs': "480px";
54
- readonly 'screen-sm': "540px";
55
- readonly 'screen-md': "640px";
56
- readonly 'screen-lg': "800px";
57
- };
58
- };
59
- //# sourceMappingURL=tailwind.theme.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"tailwind.theme.d.ts","sourceRoot":"","sources":["../../src/tailwind/tailwind.theme.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCR,CAAA;AAEV,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CAwBT,CAAA"}