@nusameta/design-system 0.0.6 → 1.0.0-beta.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 (26) hide show
  1. package/dist/components/{Atoms/Button → button}/Button.d.ts +1 -1
  2. package/dist/components/button/Button.stories.d.ts +15 -0
  3. package/dist/components/{Atoms/checkbox → checkbox}/Checkbox.d.ts +4 -4
  4. package/dist/components/checkbox/Checkbox.stories.d.ts +12 -0
  5. package/dist/components/list-box/List-box.d.ts +7 -0
  6. package/dist/components/list-box/List-box.stories.d.ts +12 -0
  7. package/dist/components/{Atoms/searchfield → searchfield}/Searchfield.d.ts +4 -4
  8. package/dist/components/{Atoms/searchfield → searchfield}/Searchfield.stories.d.ts +2 -2
  9. package/dist/components/select/Select.d.ts +21 -0
  10. package/dist/components/select/Select.stories.d.ts +12 -0
  11. package/dist/components/table/Table.d.ts +12 -0
  12. package/dist/components/table/Table.stories.d.ts +9 -0
  13. package/dist/index.cjs.js +38 -12
  14. package/dist/index.cjs.js.map +1 -1
  15. package/dist/index.css +1 -1
  16. package/dist/index.d.ts +14 -8
  17. package/dist/index.es.js +12261 -4203
  18. package/dist/index.es.js.map +1 -1
  19. package/dist/reset.css +1 -1
  20. package/package.json +14 -8
  21. package/dist/components/Atoms/Button/Button.stories.d.ts +0 -41
  22. /package/dist/components/{molecules/popover → popover}/Popover.d.ts +0 -0
  23. /package/dist/components/{molecules/popover → popover}/Popover.stories.d.ts +0 -0
  24. /package/dist/components/{Atoms/textfield → textfield}/Field.d.ts +0 -0
  25. /package/dist/components/{Atoms/textfield → textfield}/Textfield.d.ts +0 -0
  26. /package/dist/components/{Atoms/textfield → textfield}/Textfield.stories.d.ts +0 -0
package/dist/reset.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nusameta/design-system",
3
- "version": "0.0.6",
3
+ "version": "1.0.0-beta.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.es.js",
@@ -12,6 +12,9 @@
12
12
  "import": "./dist/index.es.js",
13
13
  "require": "./dist/index.cjs.js"
14
14
  },
15
+ "./reset.css": "./dist/reset.css",
16
+ "./dist/reset.css": "./dist/reset.css",
17
+ "./index.css": "./dist/index.css",
15
18
  "./dist/index.css": "./dist/index.css",
16
19
  "./style.css": "./dist/index.css"
17
20
  },
@@ -43,22 +46,22 @@
43
46
  "devDependencies": {
44
47
  "@changesets/cli": "^2.29.8",
45
48
  "@chromatic-com/storybook": "^5.0.0",
46
- "@storybook/addon-a11y": "^10.1.11",
47
- "@storybook/react-vite": "^10.1.11",
49
+ "@storybook/addon-a11y": "^10.2.7",
50
+ "@storybook/addon-docs": "^10.2.7",
51
+ "@storybook/react-vite": "^10.2.7",
52
+ "@tailwindcss/postcss": "^4.1.18",
48
53
  "@types/node": "^25.0.10",
49
54
  "@types/react": "^19.2.8",
50
55
  "@types/react-dom": "^19.2.3",
51
56
  "@vitejs/plugin-react": "^4.3.4",
52
57
  "@vitest/browser-playwright": "^4.0.17",
53
58
  "@vitest/coverage-v8": "^4.0.17",
54
- "autoprefixer": "^10.4.23",
55
59
  "playwright": "^1.57.0",
56
60
  "postcss": "^8.5.6",
57
61
  "react": "^19.2.3",
58
62
  "react-dom": "^19.2.3",
59
- "storybook": "^10.1.11",
60
- "tailwindcss": "^3.4.19",
61
- "tailwindcss-animate": "^1.0.7",
63
+ "storybook": "^10.2.7",
64
+ "tailwindcss": "^4.0.0",
62
65
  "typescript": "^5.9.3",
63
66
  "vite": "^6.0.0",
64
67
  "vite-plugin-banner": "^0.8.0",
@@ -67,10 +70,13 @@
67
70
  "yalc": "^1.0.0-pre.53"
68
71
  },
69
72
  "dependencies": {
73
+ "@storybook/addon-vitest": "^10.2.7",
74
+ "@tailwindcss/vite": "^4.1.18",
70
75
  "class-variance-authority": "^0.7.1",
71
76
  "clsx": "^2.1.1",
72
77
  "lucide-react": "^0.562.0",
73
- "react-aria-components": "^1.14.0",
78
+ "postcss-preset-env": "^11.1.3",
79
+ "react-aria-components": "^1.15.1",
74
80
  "tailwind-merge": "^3.4.0"
75
81
  }
76
82
  }
@@ -1,41 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
- declare const meta: {
3
- title: string;
4
- component: import('react').ForwardRefExoticComponent<import('../Button/Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
5
- parameters: {
6
- layout: string;
7
- };
8
- tags: string[];
9
- argTypes: {
10
- variant: {
11
- control: "select";
12
- options: string[];
13
- description: string;
14
- table: {
15
- defaultValue: {
16
- summary: string;
17
- };
18
- };
19
- };
20
- size: {
21
- control: "select";
22
- options: string[];
23
- description: string;
24
- };
25
- isDisabled: {
26
- control: "boolean";
27
- description: string;
28
- };
29
- onPress: {
30
- action: string;
31
- };
32
- };
33
- };
34
- export default meta;
35
- type Story = StoryObj<typeof meta>;
36
- export declare const Default: Story;
37
- export declare const Destructive: Story;
38
- export declare const Outline: Story;
39
- export declare const Secondary: Story;
40
- export declare const Ghost: Story;
41
- export declare const Disabled: Story;