@mekari/pixel3-spinner 0.0.1-alpha.0 → 0.0.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.
package/dist/index.d.mts CHANGED
@@ -1,4 +1,6 @@
1
1
  export { MpSpinner } from './spinner.mjs';
2
- import '@mekari/pixel3-styled-system/tokens';
2
+ import './modules/spinner.props.mjs';
3
3
  import 'vue';
4
+ import '@mekari/pixel3-styled-system/tokens';
4
5
  import './modules/spinner.type.mjs';
6
+ import '@mekari/pixel3-utils';
package/dist/index.d.ts CHANGED
@@ -1,4 +1,6 @@
1
1
  export { MpSpinner } from './spinner.js';
2
- import '@mekari/pixel3-styled-system/tokens';
2
+ import './modules/spinner.props.js';
3
3
  import 'vue';
4
+ import '@mekari/pixel3-styled-system/tokens';
4
5
  import './modules/spinner.type.js';
6
+ import '@mekari/pixel3-utils';
package/dist/index.js CHANGED
@@ -17,7 +17,7 @@ var __copyProps = (to, from, except, desc) => {
17
17
  };
18
18
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
19
 
20
- // src/index.tsx
20
+ // src/index.ts
21
21
  var src_exports = {};
22
22
  __export(src_exports, {
23
23
  MpSpinner: () => MpSpinner
@@ -1 +1 @@
1
- {"inputs":{"src/modules/spinner.props.ts":{"bytes":436,"imports":[{"path":"./spinner.type","kind":"import-statement","external":true}],"format":"esm"},"src/spinner.tsx":{"bytes":838,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/spinner.props.ts","kind":"import-statement","original":"./modules/spinner.props"}],"format":"esm"},"src/index.tsx":{"bytes":123,"imports":[{"path":"src/spinner.tsx","kind":"import-statement","original":"./spinner"}],"format":"esm"},"src/modules/spinner.type.ts":{"bytes":123,"imports":[],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":123},"src/spinner.tsx":{"bytesInOutput":763},"src/modules/spinner.props.ts":{"bytesInOutput":136}},"bytes":2015},"dist/spinner.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/spinner.tsx","inputs":{"src/spinner.tsx":{"bytesInOutput":898},"src/modules/spinner.props.ts":{"bytesInOutput":136}},"bytes":2009},"dist/modules/spinner.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/spinner.props.ts","inputs":{"src/modules/spinner.props.ts":{"bytesInOutput":295}},"bytes":1233},"dist/modules/spinner.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/spinner.type.ts","inputs":{"src/modules/spinner.type.ts":{"bytesInOutput":84}},"bytes":787}}}
1
+ {"inputs":{"src/modules/spinner.props.ts":{"bytes":677,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/spinner.tsx":{"bytes":915,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/spinner.props.ts","kind":"import-statement","original":"./modules/spinner.props"}],"format":"esm"},"src/index.ts":{"bytes":123,"imports":[{"path":"src/spinner.tsx","kind":"import-statement","original":"./spinner"}],"format":"esm"},"src/modules/spinner.type.ts":{"bytes":123,"imports":[],"format":"esm"}},"outputs":{"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":123},"src/spinner.tsx":{"bytesInOutput":763},"src/modules/spinner.props.ts":{"bytesInOutput":136}},"bytes":2014},"dist/spinner.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/spinner.tsx","inputs":{"src/spinner.tsx":{"bytesInOutput":898},"src/modules/spinner.props.ts":{"bytesInOutput":136}},"bytes":2009},"dist/modules/spinner.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/spinner.props.ts","inputs":{"src/modules/spinner.props.ts":{"bytesInOutput":295}},"bytes":1233},"dist/modules/spinner.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/spinner.type.ts","inputs":{"src/modules/spinner.type.ts":{"bytesInOutput":84}},"bytes":787}}}
@@ -1 +1 @@
1
- {"inputs":{"src/modules/spinner.props.ts":{"bytes":436,"imports":[{"path":"./spinner.type","kind":"import-statement","external":true}],"format":"esm"},"src/spinner.tsx":{"bytes":838,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/spinner.props.ts","kind":"import-statement","original":"./modules/spinner.props"}],"format":"esm"},"src/index.tsx":{"bytes":123,"imports":[{"path":"src/spinner.tsx","kind":"import-statement","original":"./spinner"}],"format":"esm"},"src/modules/spinner.type.ts":{"bytes":123,"imports":[],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-F7TAHD52.mjs","kind":"import-statement"},{"path":"dist/chunk-7TFUUHFL.mjs","kind":"import-statement"}],"exports":["MpSpinner"],"entryPoint":"src/index.tsx","inputs":{"src/index.tsx":{"bytesInOutput":0}},"bytes":107},"dist/spinner.mjs":{"imports":[{"path":"dist/chunk-F7TAHD52.mjs","kind":"import-statement"},{"path":"dist/chunk-7TFUUHFL.mjs","kind":"import-statement"}],"exports":["MpSpinner"],"entryPoint":"src/spinner.tsx","inputs":{},"bytes":107},"dist/chunk-F7TAHD52.mjs":{"imports":[{"path":"dist/chunk-7TFUUHFL.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpSpinner"],"inputs":{"src/spinner.tsx":{"bytesInOutput":689}},"bytes":789},"dist/modules/spinner.props.mjs":{"imports":[{"path":"dist/chunk-7TFUUHFL.mjs","kind":"import-statement"}],"exports":["spinnerProps"],"entryPoint":"src/modules/spinner.props.ts","inputs":{},"bytes":83},"dist/chunk-7TFUUHFL.mjs":{"imports":[],"exports":["spinnerProps"],"inputs":{"src/modules/spinner.props.ts":{"bytesInOutput":136}},"bytes":196},"dist/modules/spinner.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/spinner.type.ts","inputs":{"src/modules/spinner.type.ts":{"bytesInOutput":0}},"bytes":0}}}
1
+ {"inputs":{"src/modules/spinner.props.ts":{"bytes":677,"imports":[{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/spinner.tsx":{"bytes":915,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"src/modules/spinner.props.ts","kind":"import-statement","original":"./modules/spinner.props"}],"format":"esm"},"src/index.ts":{"bytes":123,"imports":[{"path":"src/spinner.tsx","kind":"import-statement","original":"./spinner"}],"format":"esm"},"src/modules/spinner.type.ts":{"bytes":123,"imports":[],"format":"esm"}},"outputs":{"dist/index.mjs":{"imports":[{"path":"dist/chunk-F7TAHD52.mjs","kind":"import-statement"},{"path":"dist/chunk-7TFUUHFL.mjs","kind":"import-statement"}],"exports":["MpSpinner"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":107},"dist/spinner.mjs":{"imports":[{"path":"dist/chunk-F7TAHD52.mjs","kind":"import-statement"},{"path":"dist/chunk-7TFUUHFL.mjs","kind":"import-statement"}],"exports":["MpSpinner"],"entryPoint":"src/spinner.tsx","inputs":{},"bytes":107},"dist/chunk-F7TAHD52.mjs":{"imports":[{"path":"dist/chunk-7TFUUHFL.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["MpSpinner"],"inputs":{"src/spinner.tsx":{"bytesInOutput":689}},"bytes":789},"dist/modules/spinner.props.mjs":{"imports":[{"path":"dist/chunk-7TFUUHFL.mjs","kind":"import-statement"}],"exports":["spinnerProps"],"entryPoint":"src/modules/spinner.props.ts","inputs":{},"bytes":83},"dist/chunk-7TFUUHFL.mjs":{"imports":[],"exports":["spinnerProps"],"inputs":{"src/modules/spinner.props.ts":{"bytesInOutput":136}},"bytes":196},"dist/modules/spinner.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/spinner.type.ts","inputs":{"src/modules/spinner.type.ts":{"bytesInOutput":0}},"bytes":0}}}
@@ -1,16 +1,19 @@
1
- import { PropType } from 'vue';
1
+ import { PropType, ExtractPublicPropTypes } from 'vue';
2
2
  import { ColorToken } from '@mekari/pixel3-styled-system/tokens';
3
3
  import { SpinnerSize } from './spinner.type.mjs';
4
+ import { ComponentWithProps } from '@mekari/pixel3-utils';
4
5
 
5
6
  declare const spinnerProps: {
6
- size: {
7
- type: PropType<SpinnerSize>;
8
- default: string;
7
+ readonly size: {
8
+ readonly type: PropType<SpinnerSize>;
9
+ readonly default: "sm";
9
10
  };
10
- color: {
11
- type: PropType<ColorToken>;
12
- default: string;
11
+ readonly color: {
12
+ readonly type: PropType<ColorToken>;
13
+ readonly default: "currentcolor";
13
14
  };
14
15
  };
16
+ type SpinnerPropsTest = ExtractPublicPropTypes<typeof spinnerProps>;
17
+ type MpSpinnerType = ComponentWithProps<SpinnerPropsTest>;
15
18
 
16
- export { spinnerProps };
19
+ export { MpSpinnerType, SpinnerPropsTest, spinnerProps };
@@ -1,16 +1,19 @@
1
- import { PropType } from 'vue';
1
+ import { PropType, ExtractPublicPropTypes } from 'vue';
2
2
  import { ColorToken } from '@mekari/pixel3-styled-system/tokens';
3
3
  import { SpinnerSize } from './spinner.type.js';
4
+ import { ComponentWithProps } from '@mekari/pixel3-utils';
4
5
 
5
6
  declare const spinnerProps: {
6
- size: {
7
- type: PropType<SpinnerSize>;
8
- default: string;
7
+ readonly size: {
8
+ readonly type: PropType<SpinnerSize>;
9
+ readonly default: "sm";
9
10
  };
10
- color: {
11
- type: PropType<ColorToken>;
12
- default: string;
11
+ readonly color: {
12
+ readonly type: PropType<ColorToken>;
13
+ readonly default: "currentcolor";
13
14
  };
14
15
  };
16
+ type SpinnerPropsTest = ExtractPublicPropTypes<typeof spinnerProps>;
17
+ type MpSpinnerType = ComponentWithProps<SpinnerPropsTest>;
15
18
 
16
- export { spinnerProps };
19
+ export { MpSpinnerType, SpinnerPropsTest, spinnerProps };
@@ -1,28 +1,9 @@
1
- import * as _mekari_pixel3_styled_system_tokens from '@mekari/pixel3-styled-system/tokens';
2
- import * as vue from 'vue';
3
- import { SpinnerSize } from './modules/spinner.type.mjs';
1
+ import { MpSpinnerType } from './modules/spinner.props.mjs';
2
+ import 'vue';
3
+ import '@mekari/pixel3-styled-system/tokens';
4
+ import './modules/spinner.type.mjs';
5
+ import '@mekari/pixel3-utils';
4
6
 
5
- declare const MpSpinner: vue.DefineComponent<{
6
- size: {
7
- type: vue.PropType<SpinnerSize>;
8
- default: string;
9
- };
10
- color: {
11
- type: vue.PropType<_mekari_pixel3_styled_system_tokens.ColorToken>;
12
- default: string;
13
- };
14
- }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
15
- size: {
16
- type: vue.PropType<SpinnerSize>;
17
- default: string;
18
- };
19
- color: {
20
- type: vue.PropType<_mekari_pixel3_styled_system_tokens.ColorToken>;
21
- default: string;
22
- };
23
- }>>, {
24
- size: SpinnerSize;
25
- color: _mekari_pixel3_styled_system_tokens.ColorToken;
26
- }, {}>;
7
+ declare const MpSpinner: MpSpinnerType;
27
8
 
28
9
  export { MpSpinner };
package/dist/spinner.d.ts CHANGED
@@ -1,28 +1,9 @@
1
- import * as _mekari_pixel3_styled_system_tokens from '@mekari/pixel3-styled-system/tokens';
2
- import * as vue from 'vue';
3
- import { SpinnerSize } from './modules/spinner.type.js';
1
+ import { MpSpinnerType } from './modules/spinner.props.js';
2
+ import 'vue';
3
+ import '@mekari/pixel3-styled-system/tokens';
4
+ import './modules/spinner.type.js';
5
+ import '@mekari/pixel3-utils';
4
6
 
5
- declare const MpSpinner: vue.DefineComponent<{
6
- size: {
7
- type: vue.PropType<SpinnerSize>;
8
- default: string;
9
- };
10
- color: {
11
- type: vue.PropType<_mekari_pixel3_styled_system_tokens.ColorToken>;
12
- default: string;
13
- };
14
- }, () => JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, Readonly<vue.ExtractPropTypes<{
15
- size: {
16
- type: vue.PropType<SpinnerSize>;
17
- default: string;
18
- };
19
- color: {
20
- type: vue.PropType<_mekari_pixel3_styled_system_tokens.ColorToken>;
21
- default: string;
22
- };
23
- }>>, {
24
- size: SpinnerSize;
25
- color: _mekari_pixel3_styled_system_tokens.ColorToken;
26
- }, {}>;
7
+ declare const MpSpinner: MpSpinnerType;
27
8
 
28
9
  export { MpSpinner };
package/package.json CHANGED
@@ -1,15 +1,16 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-spinner",
3
3
  "description": "Spinner component for mekari pixel 3",
4
- "version": "0.0.1-alpha.0",
4
+ "version": "0.0.1",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
8
8
  "dist"
9
9
  ],
10
10
  "dependencies": {
11
- "@mekari/pixel3-icon": "0.0.1-alpha.0",
12
- "@mekari/pixel3-styled-system": "0.0.1-alpha.0"
11
+ "@mekari/pixel3-icon": "0.0.1",
12
+ "@mekari/pixel3-styled-system": "0.0.1",
13
+ "@mekari/pixel3-utils": "0.0.1"
13
14
  },
14
15
  "peerDependencies": {
15
16
  "vue": "^3.3.7"