@pantool/components 1.0.0-alpha.4 → 1.0.0-alpha.6

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 (57) hide show
  1. package/dist/atoms/button/button.css +1 -18
  2. package/dist/atoms/button/button.d.ts +1 -1
  3. package/dist/atoms/button/button.js.map +1 -1
  4. package/dist/atoms/button/button.module.js.map +1 -1
  5. package/dist/atoms/checkbox/checkbox.css +1 -119
  6. package/dist/atoms/checkbox/checkbox.module.js.map +1 -1
  7. package/dist/atoms/collapsible/collapsible.css +1 -0
  8. package/dist/atoms/collapsible/collapsible.d.ts +16 -0
  9. package/dist/atoms/collapsible/collapsible.js +2 -0
  10. package/dist/atoms/collapsible/collapsible.js.map +1 -0
  11. package/dist/atoms/collapsible/collapsible.module.js +3 -0
  12. package/dist/atoms/collapsible/collapsible.module.js.map +1 -0
  13. package/dist/atoms/collapsible/index.d.ts +1 -0
  14. package/dist/atoms/collapsible/index.js +1 -0
  15. package/dist/atoms/combobox/combobox.css +1 -302
  16. package/dist/atoms/combobox/combobox.module.js.map +1 -1
  17. package/dist/atoms/context-menu/context-menu.css +1 -75
  18. package/dist/atoms/context-menu/context-menu.module.js.map +1 -1
  19. package/dist/atoms/icon-button/icon-button.css +1 -12
  20. package/dist/atoms/index.d.ts +4 -3
  21. package/dist/atoms/index.js +1 -1
  22. package/dist/atoms/input/input.css +1 -29
  23. package/dist/atoms/input/input.module.js.map +1 -1
  24. package/dist/atoms/radio/radio.css +1 -142
  25. package/dist/atoms/radio/radio.module.js.map +1 -1
  26. package/dist/atoms/switch/switch.css +1 -68
  27. package/dist/atoms/switch/switch.module.js.map +1 -1
  28. package/dist/atoms/tabs/tabs.css +1 -92
  29. package/dist/atoms/tabs/tabs.module.js.map +1 -1
  30. package/dist/atoms/text/text.css +1 -273
  31. package/dist/atoms/text/text.module.js.map +1 -1
  32. package/dist/atoms/toast/toast.css +1 -151
  33. package/dist/atoms/toast/toast.module.js.map +1 -1
  34. package/dist/atoms/tooltip/tooltip.css +1 -92
  35. package/dist/atoms/tooltip/tooltip.module.js.map +1 -1
  36. package/dist/helpers/flex/flex.d.ts +45 -0
  37. package/dist/helpers/flex/flex.js +2 -0
  38. package/dist/helpers/flex/flex.js.map +1 -0
  39. package/dist/helpers/flex/index.d.ts +1 -0
  40. package/dist/helpers/flex/index.js +1 -0
  41. package/dist/helpers/flex/styles.css +1 -0
  42. package/dist/helpers/flex/styles.module.js +3 -0
  43. package/dist/helpers/flex/styles.module.js.map +1 -0
  44. package/dist/helpers/index.d.ts +1 -0
  45. package/dist/helpers/index.js +1 -1
  46. package/dist/index.d.ts +5 -3
  47. package/dist/index.js +1 -1
  48. package/dist/internals/base-button/base-button.css +1 -262
  49. package/dist/internals/base-button/base-button.module.js.map +1 -1
  50. package/dist/internals/base-dialog/base-dialog.css +1 -74
  51. package/dist/internals/base-field/base-field.css +1 -115
  52. package/dist/internals/base-field/base-field.module.js.map +1 -1
  53. package/dist/internals/base-svg/base-svg.css +1 -137
  54. package/dist/internals/base-svg/base-svg.module.js.map +1 -1
  55. package/dist/providers/toast-provider/toast-provider.css +1 -13
  56. package/dist/providers/toast-provider/toast-provider.module.js.map +1 -1
  57. package/package.json +2 -3
@@ -1,137 +1 @@
1
- .X10r3W_root {
2
- user-select: none;
3
- vertical-align: middle;
4
- font-variant: normal;
5
- text-transform: none;
6
- width: var(--svg-size, 100%);
7
- height: var(--svg-size, 100%);
8
- min-width: var(--svg-size, 100%);
9
- min-height: var(--svg-size, 100%);
10
- fill: var(--svg-fill, currentColor);
11
- font-style: normal;
12
- font-weight: normal;
13
- line-height: 1;
14
- text-decoration: none;
15
- transition: fill .2s ease-in-out;
16
- display: inline-block;
17
- }
18
-
19
- .X10r3W_root[data-color="normal"] {
20
- --svg-fill: var(--color-content-neutral-base);
21
- }
22
-
23
- .X10r3W_root[data-color="secondary"] {
24
- --svg-fill: var(--color-content-neutral-secondary);
25
- }
26
-
27
- .X10r3W_root[data-color="tertiary"] {
28
- --svg-fill: var(--color-content-neutral-tertiary);
29
- }
30
-
31
- .X10r3W_root[data-color="muted"] {
32
- --svg-fill: var(--color-content-neutral-muted);
33
- }
34
-
35
- .X10r3W_root[data-color="brand"] {
36
- --svg-fill: var(--color-content-brand-base);
37
- }
38
-
39
- .X10r3W_root[data-color="brand-secondary"] {
40
- --svg-fill: var(--color-content-brand-secondary);
41
- }
42
-
43
- .X10r3W_root[data-color="brand-tertiary"] {
44
- --svg-fill: var(--color-content-brand-tertiary);
45
- }
46
-
47
- .X10r3W_root[data-color="brand-muted"] {
48
- --svg-fill: var(--color-content-brand-muted);
49
- }
50
-
51
- .X10r3W_root[data-color="positive"] {
52
- --svg-fill: var(--color-content-positive-base);
53
- }
54
-
55
- .X10r3W_root[data-color="positive-secondary"] {
56
- --svg-fill: var(--color-content-positive-secondary);
57
- }
58
-
59
- .X10r3W_root[data-color="positive-tertiary"] {
60
- --svg-fill: var(--color-content-positive-tertiary);
61
- }
62
-
63
- .X10r3W_root[data-color="positive-muted"] {
64
- --svg-fill: var(--color-content-positive-muted);
65
- }
66
-
67
- .X10r3W_root[data-color="negative"] {
68
- --svg-fill: var(--color-content-negative-base);
69
- }
70
-
71
- .X10r3W_root[data-color="negative-secondary"] {
72
- --svg-fill: var(--color-content-negative-secondary);
73
- }
74
-
75
- .X10r3W_root[data-color="negative-tertiary"] {
76
- --svg-fill: var(--color-content-negative-tertiary);
77
- }
78
-
79
- .X10r3W_root[data-color="negative-muted"] {
80
- --svg-fill: var(--color-content-negative-muted);
81
- }
82
-
83
- .X10r3W_root[data-color="warn"] {
84
- --svg-fill: var(--color-content-warn-base);
85
- }
86
-
87
- .X10r3W_root[data-color="warn-secondary"] {
88
- --svg-fill: var(--color-content-warn-secondary);
89
- }
90
-
91
- .X10r3W_root[data-color="warn-tertiary"] {
92
- --svg-fill: var(--color-content-warn-tertiary);
93
- }
94
-
95
- .X10r3W_root[data-color="warn-muted"] {
96
- --svg-fill: var(--color-content-warn-muted);
97
- }
98
-
99
- .X10r3W_root[data-color="info"] {
100
- --svg-fill: var(--color-content-info-base);
101
- }
102
-
103
- .X10r3W_root[data-color="info-secondary"] {
104
- --svg-fill: var(--color-content-info-secondary);
105
- }
106
-
107
- .X10r3W_root[data-color="info-tertiary"] {
108
- --svg-fill: var(--color-content-info-tertiary);
109
- }
110
-
111
- .X10r3W_root[data-color="info-muted"] {
112
- --svg-fill: var(--color-content-info-muted);
113
- }
114
-
115
- .X10r3W_root[data-color="on-neutral"] {
116
- --svg-fill: var(--color-on-neutral);
117
- }
118
-
119
- .X10r3W_root[data-color="on-brand"] {
120
- --svg-fill: var(--color-on-brand);
121
- }
122
-
123
- .X10r3W_root[data-color="on-positive"] {
124
- --svg-fill: var(--color-on-positive);
125
- }
126
-
127
- .X10r3W_root[data-color="on-negative"] {
128
- --svg-fill: var(--color-on-negative);
129
- }
130
-
131
- .X10r3W_root[data-color="on-warn"] {
132
- --svg-fill: var(--color-on-warn);
133
- }
134
-
135
- .X10r3W_root[data-color="on-info"] {
136
- --svg-fill: var(--color-on-info);
137
- }
1
+ .X10r3W_root{user-select:none;vertical-align:middle;font-variant:normal;text-transform:none;width:var(--svg-size,100%);height:var(--svg-size,100%);min-width:var(--svg-size,100%);min-height:var(--svg-size,100%);fill:var(--svg-fill,currentColor);font-style:normal;font-weight:400;line-height:1;text-decoration:none;transition:fill .2s ease-in-out;display:inline-block}.X10r3W_root[data-color=normal]{--svg-fill:var(--color-content-neutral-base)}.X10r3W_root[data-color=secondary]{--svg-fill:var(--color-content-neutral-secondary)}.X10r3W_root[data-color=tertiary]{--svg-fill:var(--color-content-neutral-tertiary)}.X10r3W_root[data-color=muted]{--svg-fill:var(--color-content-neutral-muted)}.X10r3W_root[data-color=brand]{--svg-fill:var(--color-content-brand-base)}.X10r3W_root[data-color=brand-secondary]{--svg-fill:var(--color-content-brand-secondary)}.X10r3W_root[data-color=brand-tertiary]{--svg-fill:var(--color-content-brand-tertiary)}.X10r3W_root[data-color=brand-muted]{--svg-fill:var(--color-content-brand-muted)}.X10r3W_root[data-color=positive]{--svg-fill:var(--color-content-positive-base)}.X10r3W_root[data-color=positive-secondary]{--svg-fill:var(--color-content-positive-secondary)}.X10r3W_root[data-color=positive-tertiary]{--svg-fill:var(--color-content-positive-tertiary)}.X10r3W_root[data-color=positive-muted]{--svg-fill:var(--color-content-positive-muted)}.X10r3W_root[data-color=negative]{--svg-fill:var(--color-content-negative-base)}.X10r3W_root[data-color=negative-secondary]{--svg-fill:var(--color-content-negative-secondary)}.X10r3W_root[data-color=negative-tertiary]{--svg-fill:var(--color-content-negative-tertiary)}.X10r3W_root[data-color=negative-muted]{--svg-fill:var(--color-content-negative-muted)}.X10r3W_root[data-color=warn]{--svg-fill:var(--color-content-warn-base)}.X10r3W_root[data-color=warn-secondary]{--svg-fill:var(--color-content-warn-secondary)}.X10r3W_root[data-color=warn-tertiary]{--svg-fill:var(--color-content-warn-tertiary)}.X10r3W_root[data-color=warn-muted]{--svg-fill:var(--color-content-warn-muted)}.X10r3W_root[data-color=info]{--svg-fill:var(--color-content-info-base)}.X10r3W_root[data-color=info-secondary]{--svg-fill:var(--color-content-info-secondary)}.X10r3W_root[data-color=info-tertiary]{--svg-fill:var(--color-content-info-tertiary)}.X10r3W_root[data-color=info-muted]{--svg-fill:var(--color-content-info-muted)}.X10r3W_root[data-color=on-neutral]{--svg-fill:var(--color-on-neutral)}.X10r3W_root[data-color=on-brand]{--svg-fill:var(--color-on-brand)}.X10r3W_root[data-color=on-positive]{--svg-fill:var(--color-on-positive)}.X10r3W_root[data-color=on-negative]{--svg-fill:var(--color-on-negative)}.X10r3W_root[data-color=on-warn]{--svg-fill:var(--color-on-warn)}.X10r3W_root[data-color=on-info]{--svg-fill:var(--color-on-info)}
@@ -1 +1 @@
1
- {"version":3,"file":"base-svg.module.js","names":[],"sources":["../../../src/internals/base-svg/base-svg.module.css"],"sourcesContent":[".root {\n user-select: none;\n display: inline-block;\n vertical-align: middle;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n text-decoration: none;\n\n /* Layout controlled by injected local variable from TSX */\n width: var(--svg-size, 100%);\n height: var(--svg-size, 100%);\n min-width: var(--svg-size, 100%);\n min-height: var(--svg-size, 100%);\n\n /* Default fill color */\n fill: var(--svg-fill, currentColor);\n transition: fill 0.2s ease-in-out;\n}\n\n/* --- Colors: Neutral --- */\n.root[data-color=\"normal\"] {\n --svg-fill: var(--color-content-neutral-base);\n}\n.root[data-color=\"secondary\"] {\n --svg-fill: var(--color-content-neutral-secondary);\n}\n.root[data-color=\"tertiary\"] {\n --svg-fill: var(--color-content-neutral-tertiary);\n}\n.root[data-color=\"muted\"] {\n --svg-fill: var(--color-content-neutral-muted);\n}\n\n/* --- Colors: Brand --- */\n.root[data-color=\"brand\"] {\n --svg-fill: var(--color-content-brand-base);\n}\n.root[data-color=\"brand-secondary\"] {\n --svg-fill: var(--color-content-brand-secondary);\n}\n.root[data-color=\"brand-tertiary\"] {\n --svg-fill: var(--color-content-brand-tertiary);\n}\n.root[data-color=\"brand-muted\"] {\n --svg-fill: var(--color-content-brand-muted);\n}\n\n/* --- Colors: Positive --- */\n.root[data-color=\"positive\"] {\n --svg-fill: var(--color-content-positive-base);\n}\n.root[data-color=\"positive-secondary\"] {\n --svg-fill: var(--color-content-positive-secondary);\n}\n.root[data-color=\"positive-tertiary\"] {\n --svg-fill: var(--color-content-positive-tertiary);\n}\n.root[data-color=\"positive-muted\"] {\n --svg-fill: var(--color-content-positive-muted);\n}\n\n/* --- Colors: Negative --- */\n.root[data-color=\"negative\"] {\n --svg-fill: var(--color-content-negative-base);\n}\n.root[data-color=\"negative-secondary\"] {\n --svg-fill: var(--color-content-negative-secondary);\n}\n.root[data-color=\"negative-tertiary\"] {\n --svg-fill: var(--color-content-negative-tertiary);\n}\n.root[data-color=\"negative-muted\"] {\n --svg-fill: var(--color-content-negative-muted);\n}\n\n/* --- Colors: Warn --- */\n.root[data-color=\"warn\"] {\n --svg-fill: var(--color-content-warn-base);\n}\n.root[data-color=\"warn-secondary\"] {\n --svg-fill: var(--color-content-warn-secondary);\n}\n.root[data-color=\"warn-tertiary\"] {\n --svg-fill: var(--color-content-warn-tertiary);\n}\n.root[data-color=\"warn-muted\"] {\n --svg-fill: var(--color-content-warn-muted);\n}\n\n/* --- Colors: Info --- */\n.root[data-color=\"info\"] {\n --svg-fill: var(--color-content-info-base);\n}\n.root[data-color=\"info-secondary\"] {\n --svg-fill: var(--color-content-info-secondary);\n}\n.root[data-color=\"info-tertiary\"] {\n --svg-fill: var(--color-content-info-tertiary);\n}\n.root[data-color=\"info-muted\"] {\n --svg-fill: var(--color-content-info-muted);\n}\n\n/* --- Colors: On-Backgrounds --- */\n.root[data-color=\"on-neutral\"] {\n --svg-fill: var(--color-on-neutral);\n}\n.root[data-color=\"on-brand\"] {\n --svg-fill: var(--color-on-brand);\n}\n.root[data-color=\"on-positive\"] {\n --svg-fill: var(--color-on-positive);\n}\n.root[data-color=\"on-negative\"] {\n --svg-fill: var(--color-on-negative);\n}\n.root[data-color=\"on-warn\"] {\n --svg-fill: var(--color-on-warn);\n}\n.root[data-color=\"on-info\"] {\n --svg-fill: var(--color-on-info);\n}\n"],"mappings":"AAEA,IAAA,EAAW,CAAA,KAAO,aAAK"}
1
+ {"version":3,"file":"base-svg.module.js","names":[],"sources":["../../../src/internals/base-svg/base-svg.module.css"],"sourcesContent":[".root {\n user-select: none;\n display: inline-block;\n vertical-align: middle;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n text-decoration: none;\n\n /* Layout controlled by injected local variable from TSX */\n width: var(--svg-size, 100%);\n height: var(--svg-size, 100%);\n min-width: var(--svg-size, 100%);\n min-height: var(--svg-size, 100%);\n\n /* Default fill color */\n fill: var(--svg-fill, currentColor);\n transition: fill 0.2s ease-in-out;\n}\n\n/* --- Colors: Neutral --- */\n.root[data-color=\"normal\"] {\n --svg-fill: var(--color-content-neutral-base);\n}\n.root[data-color=\"secondary\"] {\n --svg-fill: var(--color-content-neutral-secondary);\n}\n.root[data-color=\"tertiary\"] {\n --svg-fill: var(--color-content-neutral-tertiary);\n}\n.root[data-color=\"muted\"] {\n --svg-fill: var(--color-content-neutral-muted);\n}\n\n/* --- Colors: Brand --- */\n.root[data-color=\"brand\"] {\n --svg-fill: var(--color-content-brand-base);\n}\n.root[data-color=\"brand-secondary\"] {\n --svg-fill: var(--color-content-brand-secondary);\n}\n.root[data-color=\"brand-tertiary\"] {\n --svg-fill: var(--color-content-brand-tertiary);\n}\n.root[data-color=\"brand-muted\"] {\n --svg-fill: var(--color-content-brand-muted);\n}\n\n/* --- Colors: Positive --- */\n.root[data-color=\"positive\"] {\n --svg-fill: var(--color-content-positive-base);\n}\n.root[data-color=\"positive-secondary\"] {\n --svg-fill: var(--color-content-positive-secondary);\n}\n.root[data-color=\"positive-tertiary\"] {\n --svg-fill: var(--color-content-positive-tertiary);\n}\n.root[data-color=\"positive-muted\"] {\n --svg-fill: var(--color-content-positive-muted);\n}\n\n/* --- Colors: Negative --- */\n.root[data-color=\"negative\"] {\n --svg-fill: var(--color-content-negative-base);\n}\n.root[data-color=\"negative-secondary\"] {\n --svg-fill: var(--color-content-negative-secondary);\n}\n.root[data-color=\"negative-tertiary\"] {\n --svg-fill: var(--color-content-negative-tertiary);\n}\n.root[data-color=\"negative-muted\"] {\n --svg-fill: var(--color-content-negative-muted);\n}\n\n/* --- Colors: Warn --- */\n.root[data-color=\"warn\"] {\n --svg-fill: var(--color-content-warn-base);\n}\n.root[data-color=\"warn-secondary\"] {\n --svg-fill: var(--color-content-warn-secondary);\n}\n.root[data-color=\"warn-tertiary\"] {\n --svg-fill: var(--color-content-warn-tertiary);\n}\n.root[data-color=\"warn-muted\"] {\n --svg-fill: var(--color-content-warn-muted);\n}\n\n/* --- Colors: Info --- */\n.root[data-color=\"info\"] {\n --svg-fill: var(--color-content-info-base);\n}\n.root[data-color=\"info-secondary\"] {\n --svg-fill: var(--color-content-info-secondary);\n}\n.root[data-color=\"info-tertiary\"] {\n --svg-fill: var(--color-content-info-tertiary);\n}\n.root[data-color=\"info-muted\"] {\n --svg-fill: var(--color-content-info-muted);\n}\n\n/* --- Colors: On-Backgrounds --- */\n.root[data-color=\"on-neutral\"] {\n --svg-fill: var(--color-on-neutral);\n}\n.root[data-color=\"on-brand\"] {\n --svg-fill: var(--color-on-brand);\n}\n.root[data-color=\"on-positive\"] {\n --svg-fill: var(--color-on-positive);\n}\n.root[data-color=\"on-negative\"] {\n --svg-fill: var(--color-on-negative);\n}\n.root[data-color=\"on-warn\"] {\n --svg-fill: var(--color-on-warn);\n}\n.root[data-color=\"on-info\"] {\n --svg-fill: var(--color-on-info);\n}\n"],"mappings":""}
@@ -1,13 +1 @@
1
- .jN-iOa_viewport {
2
- z-index: 1;
3
- width: calc(100vw - 2rem);
4
- margin: 0 auto;
5
- position: fixed;
6
- inset: auto 1rem 1rem auto;
7
-
8
- @media (width >= 500px) {
9
- width: 22.5rem;
10
- bottom: 2rem;
11
- right: 2rem;
12
- }
13
- }
1
+ .jN-iOa_viewport{z-index:1;width:calc(100vw - 2rem);margin:0 auto;position:fixed;inset:auto 1rem 1rem auto;@media (width>=500px){width:22.5rem;bottom:2rem;right:2rem}}
@@ -1 +1 @@
1
- {"version":3,"file":"toast-provider.module.js","names":[],"sources":["../../../src/providers/toast-provider/toast-provider.module.css"],"sourcesContent":[".viewport {\n position: fixed;\n z-index: 1;\n width: calc(100vw - 2rem);\n margin: 0 auto;\n bottom: 1rem;\n right: 1rem;\n left: auto;\n top: auto;\n\n @media (min-width: 500px) {\n bottom: 2rem;\n right: 2rem;\n width: 22.5rem;\n }\n}\n"],"mappings":"AAEA,IAAA,EAAY,CAAA,SAAA,iBAAA"}
1
+ {"version":3,"file":"toast-provider.module.js","names":[],"sources":["../../../src/providers/toast-provider/toast-provider.module.css"],"sourcesContent":[".viewport {\n position: fixed;\n z-index: 1;\n width: calc(100vw - 2rem);\n margin: 0 auto;\n bottom: 1rem;\n right: 1rem;\n left: auto;\n top: auto;\n\n @media (min-width: 500px) {\n bottom: 2rem;\n right: 2rem;\n width: 22.5rem;\n }\n}\n"],"mappings":""}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pantool/components",
3
3
  "description": "TODO:",
4
- "version": "1.0.0-alpha.4",
4
+ "version": "1.0.0-alpha.6",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist/**/*.js",
@@ -51,8 +51,7 @@
51
51
  "date-fns-jalali": "4.1.0-0",
52
52
  "react-day-picker": "^9.13.0",
53
53
  "recharts": "^3.8.1",
54
- "sonner": "^2.0.7",
55
- "@pantool/lib": "1.0.0-alpha.1"
54
+ "@pantool/lib": "1.0.0-alpha.5"
56
55
  },
57
56
  "devDependencies": {
58
57
  "@babel/preset-react": "^7.28.5",