@pantool/components 1.0.0-alpha.0 → 1.0.0-alpha.10

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 (114) hide show
  1. package/dist/atoms/avatar/avatar.css +1 -0
  2. package/dist/atoms/avatar/avatar.d.ts +17 -0
  3. package/dist/atoms/avatar/avatar.js +2 -0
  4. package/dist/atoms/avatar/avatar.js.map +1 -0
  5. package/dist/atoms/avatar/avatar.module.js +3 -0
  6. package/dist/atoms/avatar/avatar.module.js.map +1 -0
  7. package/dist/atoms/avatar/index.d.ts +1 -0
  8. package/dist/atoms/avatar/index.js +1 -0
  9. package/dist/atoms/button/button.css +1 -18
  10. package/dist/atoms/button/button.d.ts +5 -5
  11. package/dist/atoms/button/button.js.map +1 -1
  12. package/dist/atoms/button/button.module.js +1 -0
  13. package/dist/atoms/button/button.module.js.map +1 -1
  14. package/dist/atoms/checkbox/checkbox.css +1 -119
  15. package/dist/atoms/checkbox/checkbox.module.js +1 -0
  16. package/dist/atoms/checkbox/checkbox.module.js.map +1 -1
  17. package/dist/atoms/clickable-area/clickable-area.d.ts +15 -0
  18. package/dist/atoms/clickable-area/clickable-area.js +2 -0
  19. package/dist/atoms/clickable-area/clickable-area.js.map +1 -0
  20. package/dist/atoms/clickable-area/index.d.ts +1 -0
  21. package/dist/atoms/clickable-area/index.js +1 -0
  22. package/dist/atoms/clickable-area/styles.css +1 -0
  23. package/dist/atoms/clickable-area/styles.module.js +3 -0
  24. package/dist/atoms/clickable-area/styles.module.js.map +1 -0
  25. package/dist/atoms/collapsible/collapsible.css +1 -0
  26. package/dist/atoms/collapsible/collapsible.d.ts +16 -0
  27. package/dist/atoms/collapsible/collapsible.js +2 -0
  28. package/dist/atoms/collapsible/collapsible.js.map +1 -0
  29. package/dist/atoms/collapsible/collapsible.module.js +3 -0
  30. package/dist/atoms/collapsible/collapsible.module.js.map +1 -0
  31. package/dist/atoms/collapsible/index.d.ts +1 -0
  32. package/dist/atoms/collapsible/index.js +1 -0
  33. package/dist/atoms/combobox/combobox.css +1 -302
  34. package/dist/atoms/combobox/combobox.d.ts +3 -3
  35. package/dist/atoms/combobox/combobox.module.js +1 -0
  36. package/dist/atoms/combobox/combobox.module.js.map +1 -1
  37. package/dist/atoms/combobox/index.d.ts +1 -0
  38. package/dist/atoms/context-menu/context-menu.css +1 -75
  39. package/dist/atoms/context-menu/context-menu.module.js +1 -0
  40. package/dist/atoms/context-menu/context-menu.module.js.map +1 -1
  41. package/dist/atoms/icon/icon.d.ts +2 -2
  42. package/dist/atoms/icon/icon.js.map +1 -1
  43. package/dist/atoms/icon-button/icon-button.css +1 -12
  44. package/dist/atoms/icon-button/icon-button.d.ts +3 -3
  45. package/dist/atoms/icon-button/icon-button.js.map +1 -1
  46. package/dist/atoms/icon-button/icon-button.module.js +1 -0
  47. package/dist/atoms/index.d.ts +8 -3
  48. package/dist/atoms/index.js +1 -1
  49. package/dist/atoms/input/input.css +1 -29
  50. package/dist/atoms/input/input.module.js +1 -0
  51. package/dist/atoms/input/input.module.js.map +1 -1
  52. package/dist/atoms/menu/index.d.ts +1 -0
  53. package/dist/atoms/menu/index.js +1 -0
  54. package/dist/atoms/menu/menu.css +1 -0
  55. package/dist/atoms/menu/menu.d.ts +69 -0
  56. package/dist/atoms/menu/menu.js +2 -0
  57. package/dist/atoms/menu/menu.js.map +1 -0
  58. package/dist/atoms/menu/menu.module.js +3 -0
  59. package/dist/atoms/menu/menu.module.js.map +1 -0
  60. package/dist/atoms/radio/radio.css +1 -142
  61. package/dist/atoms/radio/radio.module.js +1 -0
  62. package/dist/atoms/radio/radio.module.js.map +1 -1
  63. package/dist/atoms/switch/switch.css +1 -68
  64. package/dist/atoms/switch/switch.module.js +1 -0
  65. package/dist/atoms/switch/switch.module.js.map +1 -1
  66. package/dist/atoms/tabs/tabs.css +1 -92
  67. package/dist/atoms/tabs/tabs.d.ts +3 -3
  68. package/dist/atoms/tabs/tabs.module.js +1 -0
  69. package/dist/atoms/tabs/tabs.module.js.map +1 -1
  70. package/dist/atoms/text/text.css +1 -273
  71. package/dist/atoms/text/text.d.ts +3 -3
  72. package/dist/atoms/text/text.module.js +1 -0
  73. package/dist/atoms/text/text.module.js.map +1 -1
  74. package/dist/atoms/toast/toast.css +1 -151
  75. package/dist/atoms/toast/toast.module.js +1 -0
  76. package/dist/atoms/toast/toast.module.js.map +1 -1
  77. package/dist/atoms/tooltip/tooltip.css +1 -92
  78. package/dist/atoms/tooltip/tooltip.d.ts +3 -3
  79. package/dist/atoms/tooltip/tooltip.module.js +1 -0
  80. package/dist/atoms/tooltip/tooltip.module.js.map +1 -1
  81. package/dist/helpers/flex/flex.d.ts +45 -0
  82. package/dist/helpers/flex/flex.js +2 -0
  83. package/dist/helpers/flex/flex.js.map +1 -0
  84. package/dist/helpers/flex/index.d.ts +1 -0
  85. package/dist/helpers/flex/index.js +1 -0
  86. package/dist/helpers/flex/styles.css +1 -0
  87. package/dist/helpers/flex/styles.module.js +3 -0
  88. package/dist/helpers/flex/styles.module.js.map +1 -0
  89. package/dist/helpers/index.d.ts +4 -0
  90. package/dist/helpers/index.js +1 -0
  91. package/dist/helpers/portal/context/portal-config.js.map +1 -1
  92. package/dist/index.d.ts +10 -4
  93. package/dist/index.js +1 -1
  94. package/dist/internals/base-button/base-button.css +1 -262
  95. package/dist/internals/base-button/base-button.d.ts +2 -2
  96. package/dist/internals/base-button/base-button.js.map +1 -1
  97. package/dist/internals/base-button/base-button.module.js +1 -0
  98. package/dist/internals/base-button/base-button.module.js.map +1 -1
  99. package/dist/internals/base-dialog/base-dialog.css +1 -74
  100. package/dist/internals/base-dialog/base-dialog.module.js +1 -0
  101. package/dist/internals/base-field/base-field.css +1 -115
  102. package/dist/internals/base-field/base-field.module.js +1 -0
  103. package/dist/internals/base-field/base-field.module.js.map +1 -1
  104. package/dist/internals/base-svg/base-svg.css +1 -137
  105. package/dist/internals/base-svg/base-svg.d.ts +2 -2
  106. package/dist/internals/base-svg/base-svg.js.map +1 -1
  107. package/dist/internals/base-svg/base-svg.module.js +1 -0
  108. package/dist/internals/base-svg/base-svg.module.js.map +1 -1
  109. package/dist/providers/index.d.ts +0 -3
  110. package/dist/providers/index.js +1 -1
  111. package/dist/providers/toast-provider/toast-provider.css +1 -13
  112. package/dist/providers/toast-provider/toast-provider.module.js +1 -0
  113. package/dist/providers/toast-provider/toast-provider.module.js.map +1 -1
  114. package/package.json +12 -18
@@ -1,115 +1 @@
1
- ._usQlq_root {
2
- align-items: start;
3
- gap: var(--field-gap);
4
- font-family: var(--typography-typeface-ltr);
5
- --field-required-color: var(--color-content-negative-base);
6
- --field-control-radius: 0;
7
- --field-control-bg-color: var(--color-surface-base);
8
- --field-control-text-color: var(--color-content-neutral-base);
9
- --field-label-color: var(--color-content-neutral-secondary);
10
- --field-control-border-color: var(--color-border-secondary);
11
- --field-control-placeholder-color: var(--color-content-neutral-muted);
12
- flex-direction: column;
13
- width: 100%;
14
- display: flex;
15
- }
16
-
17
- ._usQlq_root[data-size="sm"] {
18
- --field-gap: var(--spacing-sm);
19
- --field-label-font-size: var(--typography-caption-base-size);
20
- --field-label-line-height: var(--typography-caption-base-height);
21
- --field-label-font-weight: var(--typography-caption-base-weight);
22
- --helper-font-size: var(--typography-caption-base-size);
23
- --helper-line-height: var(--typography-caption-base-height);
24
- --field-control-height: 2rem;
25
- --field-control-icon-size: 1.5rem;
26
- --field-control-font-size: var(--typography-caption-base-size);
27
- --field-control-line-height: var(--typography-caption-base-height);
28
- --field-control-font-weight: var(--typography-caption-base-weight);
29
- }
30
-
31
- ._usQlq_root[data-size="md"] {
32
- --field-gap: var(--spacing-md);
33
- --field-label-font-size: var(--typography-body-2-size);
34
- --field-label-line-height: var(--typography-body-2-height);
35
- --field-label-font-weight: var(--typography-body-2-weight);
36
- --helper-font-size: var(--typography-caption-base-size);
37
- --helper-line-height: var(--typography-caption-base-height);
38
- --field-control-height: 2.5rem;
39
- --field-control-icon-size: 2rem;
40
- --field-control-font-size: var(--typography-body-2-size);
41
- --field-control-line-height: var(--typography-body-2-height);
42
- --field-control-font-weight: var(--typography-body-2-weight);
43
- }
44
-
45
- ._usQlq_root[data-size="lg"] {
46
- --field-gap: var(--spacing-md);
47
- --field-label-font-size: var(--typography-body-1-size);
48
- --field-label-line-height: var(--typography-body-1-height);
49
- --field-label-font-weight: var(--typography-body-1-weight);
50
- --helper-font-size: var(--typography-body-2-size);
51
- --helper-line-height: var(--typography-body-2-height);
52
- --field-control-height: 3rem;
53
- --field-control-icon-size: 2rem;
54
- --field-control-font-size: var(--typography-body-1-size);
55
- --field-control-line-height: var(--typography-body-1-height);
56
- --field-control-font-weight: var(--typography-body-1-weight);
57
- }
58
-
59
- ._usQlq_root[data-invalid] {
60
- --field-control-text-color: var(--color-content-neutral-muted);
61
- --field-label-color: var(--color-content-negative-muted);
62
- --field-control-border-color: var(--color-content-negative-muted);
63
- --field-required-color: var(--color-content-negative-muted);
64
- }
65
-
66
- ._usQlq_label {
67
- font-size: var(--field-label-font-size, var(--typography-body-2-size));
68
- line-height: var(--field-label-line-height, var(--typography-body-2-height));
69
- font-weight: var(--field-label-font-weight, var(--typography-body-2-weight));
70
- color: var(--field-label-color);
71
- }
72
-
73
- ._usQlq_root[data-disabled] {
74
- --field-control-bg-color: var(--color-surface-tertiary);
75
- --field-control-text-color: var(--color-content-neutral-muted);
76
- --field-label-color: var(--color-content-neutral-muted);
77
- --field-control-border-color: var(--color-border-secondary);
78
- --field-required-color: var(--color-content-neutral-muted);
79
- cursor: not-allowed;
80
- user-select: none;
81
- }
82
-
83
- ._usQlq_required {
84
- color: var(--field-required-color);
85
- margin-left: var(--spacing-xxs);
86
- }
87
-
88
- ._usQlq_visually-hidden {
89
- clip: rect(0, 0, 0, 0);
90
- white-space: nowrap;
91
- border: 0;
92
- width: 1px;
93
- height: 1px;
94
- margin: -1px;
95
- padding: 0;
96
- position: absolute;
97
- overflow: hidden;
98
- }
99
-
100
- ._usQlq_error {
101
- font-size: var(--helper-font-size);
102
- line-height: var(--helper-line-height);
103
- color: var(--color-content-negative-base);
104
- }
105
-
106
- ._usQlq_description {
107
- font-size: var(--helper-font-size);
108
- line-height: var(--helper-line-height);
109
- color: var(--color-content-neutral-secondary);
110
- margin: 0;
111
- }
112
-
113
- ._usQlq_description[data-disabled] {
114
- color: var(--color-content-neutral-muted);
115
- }
1
+ ._usQlq_root{align-items:start;gap:var(--field-gap);font-family:var(--typography-typeface-ltr);--field-required-color:var(--color-content-negative-base);--field-control-radius:0;--field-control-bg-color:var(--color-surface-base);--field-control-text-color:var(--color-content-neutral-base);--field-label-color:var(--color-content-neutral-secondary);--field-control-border-color:var(--color-border-secondary);--field-control-placeholder-color:var(--color-content-neutral-muted);flex-direction:column;width:100%;display:flex}._usQlq_root[data-size=sm]{--field-gap:var(--spacing-sm);--field-label-font-size:var(--typography-caption-base-size);--field-label-line-height:var(--typography-caption-base-height);--field-label-font-weight:var(--typography-caption-base-weight);--helper-font-size:var(--typography-caption-base-size);--helper-line-height:var(--typography-caption-base-height);--field-control-height:2rem;--field-control-icon-size:1.5rem;--field-control-font-size:var(--typography-caption-base-size);--field-control-line-height:var(--typography-caption-base-height);--field-control-font-weight:var(--typography-caption-base-weight)}._usQlq_root[data-size=md]{--field-gap:var(--spacing-md);--field-label-font-size:var(--typography-body-2-size);--field-label-line-height:var(--typography-body-2-height);--field-label-font-weight:var(--typography-body-2-weight);--helper-font-size:var(--typography-caption-base-size);--helper-line-height:var(--typography-caption-base-height);--field-control-height:2.5rem;--field-control-icon-size:2rem;--field-control-font-size:var(--typography-body-2-size);--field-control-line-height:var(--typography-body-2-height);--field-control-font-weight:var(--typography-body-2-weight)}._usQlq_root[data-size=lg]{--field-gap:var(--spacing-md);--field-label-font-size:var(--typography-body-1-size);--field-label-line-height:var(--typography-body-1-height);--field-label-font-weight:var(--typography-body-1-weight);--helper-font-size:var(--typography-body-2-size);--helper-line-height:var(--typography-body-2-height);--field-control-height:3rem;--field-control-icon-size:2rem;--field-control-font-size:var(--typography-body-1-size);--field-control-line-height:var(--typography-body-1-height);--field-control-font-weight:var(--typography-body-1-weight)}._usQlq_root[data-invalid]{--field-control-text-color:var(--color-content-neutral-muted);--field-label-color:var(--color-content-negative-muted);--field-control-border-color:var(--color-content-negative-muted);--field-required-color:var(--color-content-negative-muted)}._usQlq_label{font-size:var(--field-label-font-size,var(--typography-body-2-size));line-height:var(--field-label-line-height,var(--typography-body-2-height));font-weight:var(--field-label-font-weight,var(--typography-body-2-weight));color:var(--field-label-color)}._usQlq_root[data-disabled]{--field-control-bg-color:var(--color-surface-tertiary);--field-control-text-color:var(--color-content-neutral-muted);--field-label-color:var(--color-content-neutral-muted);--field-control-border-color:var(--color-border-secondary);--field-required-color:var(--color-content-neutral-muted);cursor:not-allowed;user-select:none}._usQlq_required{color:var(--field-required-color);margin-left:var(--spacing-xxs)}._usQlq_visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._usQlq_error{font-size:var(--helper-font-size);line-height:var(--helper-line-height);color:var(--color-content-negative-base)}._usQlq_description{font-size:var(--helper-font-size);line-height:var(--helper-line-height);color:var(--color-content-neutral-secondary);margin:0}._usQlq_description[data-disabled]{color:var(--color-content-neutral-muted)}
@@ -1,2 +1,3 @@
1
+ import './base-field.css';
1
2
  var e={description:`_usQlq_description`,error:`_usQlq_error`,label:`_usQlq_label`,required:`_usQlq_required`,root:`_usQlq_root`,"visually-hidden":`_usQlq_visually-hidden`};export{e as default};
2
3
  //# sourceMappingURL=base-field.module.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"base-field.module.js","names":[],"sources":["../../../src/internals/base-field/base-field.module.css"],"sourcesContent":[".root {\n display: flex;\n flex-direction: column;\n align-items: start;\n gap: var(--field-gap);\n font-family: var(--typography-typeface-ltr);\n width: 100%;\n --field-required-color: var(--color-content-negative-base);\n --field-control-radius: 0;\n --field-control-bg-color: var(--color-surface-base);\n --field-control-text-color: var(--color-content-neutral-base);\n --field-label-color: var(--color-content-neutral-secondary);\n --field-control-border-color: var(--color-border-secondary);\n --field-control-placeholder-color: var(--color-content-neutral-muted);\n}\n\n/* Size variants using data attributes */\n.root[data-size=\"sm\"] {\n --field-gap: var(--spacing-sm);\n --field-label-font-size: var(--typography-caption-base-size);\n --field-label-line-height: var(--typography-caption-base-height);\n --field-label-font-weight: var(--typography-caption-base-weight);\n --helper-font-size: var(--typography-caption-base-size);\n --helper-line-height: var(--typography-caption-base-height);\n --field-control-height: 2rem;\n --field-control-icon-size: 1.5rem;\n --field-control-font-size: var(--typography-caption-base-size);\n --field-control-line-height: var(--typography-caption-base-height);\n --field-control-font-weight: var(--typography-caption-base-weight);\n}\n\n.root[data-size=\"md\"] {\n --field-gap: var(--spacing-md);\n --field-label-font-size: var(--typography-body-2-size);\n --field-label-line-height: var(--typography-body-2-height);\n --field-label-font-weight: var(--typography-body-2-weight);\n --helper-font-size: var(--typography-caption-base-size);\n --helper-line-height: var(--typography-caption-base-height);\n --field-control-height: 2.5rem;\n --field-control-icon-size: 2rem;\n --field-control-font-size: var(--typography-body-2-size);\n --field-control-line-height: var(--typography-body-2-height);\n --field-control-font-weight: var(--typography-body-2-weight);\n}\n\n.root[data-size=\"lg\"] {\n --field-gap: var(--spacing-md);\n --field-label-font-size: var(--typography-body-1-size);\n --field-label-line-height: var(--typography-body-1-height);\n --field-label-font-weight: var(--typography-body-1-weight);\n --helper-font-size: var(--typography-body-2-size);\n --helper-line-height: var(--typography-body-2-height);\n --field-control-height: 3rem;\n --field-control-icon-size: 2rem;\n --field-control-font-size: var(--typography-body-1-size);\n --field-control-line-height: var(--typography-body-1-height);\n --field-control-font-weight: var(--typography-body-1-weight);\n}\n\n.root[data-invalid] {\n --field-control-text-color: var(--color-content-neutral-muted);\n --field-label-color: var(--color-content-negative-muted);\n --field-control-border-color: var(--color-content-negative-muted);\n --field-required-color: var(--color-content-negative-muted);\n}\n\n.label {\n font-size: var(--field-label-font-size, var(--typography-body-2-size));\n line-height: var(--field-label-line-height, var(--typography-body-2-height));\n font-weight: var(--field-label-font-weight, var(--typography-body-2-weight));\n color: var(--field-label-color);\n}\n\n.root[data-disabled] {\n --field-control-bg-color: var(--color-surface-tertiary);\n --field-control-text-color: var(--color-content-neutral-muted);\n --field-label-color: var(--color-content-neutral-muted);\n --field-control-border-color: var(--color-border-secondary);\n --field-required-color: var(--color-content-neutral-muted);\n cursor: not-allowed;\n user-select: none;\n}\n\n.required {\n color: var(--field-required-color);\n margin-left: var(--spacing-xxs);\n}\n\n.visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.error {\n font-size: var(--helper-font-size);\n line-height: var(--helper-line-height);\n color: var(--color-content-negative-base);\n}\n\n.description {\n font-size: var(--helper-font-size);\n line-height: var(--helper-line-height);\n color: var(--color-content-neutral-secondary);\n margin: 0;\n}\n\n.description[data-disabled] {\n color: var(--color-content-neutral-muted);\n}\n"],"mappings":"AAYA,IAAA,EAAU,CAAA,YAAA,qBAAA,MAAA,eAAA,MAAA,eAAA,SAAA,kBAAA,KAAA,cAAA,kBAAA,wBAAA"}
1
+ {"version":3,"file":"base-field.module.js","names":[],"sources":["../../../src/internals/base-field/base-field.module.css"],"sourcesContent":[".root {\n display: flex;\n flex-direction: column;\n align-items: start;\n gap: var(--field-gap);\n font-family: var(--typography-typeface-ltr);\n width: 100%;\n --field-required-color: var(--color-content-negative-base);\n --field-control-radius: 0;\n --field-control-bg-color: var(--color-surface-base);\n --field-control-text-color: var(--color-content-neutral-base);\n --field-label-color: var(--color-content-neutral-secondary);\n --field-control-border-color: var(--color-border-secondary);\n --field-control-placeholder-color: var(--color-content-neutral-muted);\n}\n\n/* Size variants using data attributes */\n.root[data-size=\"sm\"] {\n --field-gap: var(--spacing-sm);\n --field-label-font-size: var(--typography-caption-base-size);\n --field-label-line-height: var(--typography-caption-base-height);\n --field-label-font-weight: var(--typography-caption-base-weight);\n --helper-font-size: var(--typography-caption-base-size);\n --helper-line-height: var(--typography-caption-base-height);\n --field-control-height: 2rem;\n --field-control-icon-size: 1.5rem;\n --field-control-font-size: var(--typography-caption-base-size);\n --field-control-line-height: var(--typography-caption-base-height);\n --field-control-font-weight: var(--typography-caption-base-weight);\n}\n\n.root[data-size=\"md\"] {\n --field-gap: var(--spacing-md);\n --field-label-font-size: var(--typography-body-2-size);\n --field-label-line-height: var(--typography-body-2-height);\n --field-label-font-weight: var(--typography-body-2-weight);\n --helper-font-size: var(--typography-caption-base-size);\n --helper-line-height: var(--typography-caption-base-height);\n --field-control-height: 2.5rem;\n --field-control-icon-size: 2rem;\n --field-control-font-size: var(--typography-body-2-size);\n --field-control-line-height: var(--typography-body-2-height);\n --field-control-font-weight: var(--typography-body-2-weight);\n}\n\n.root[data-size=\"lg\"] {\n --field-gap: var(--spacing-md);\n --field-label-font-size: var(--typography-body-1-size);\n --field-label-line-height: var(--typography-body-1-height);\n --field-label-font-weight: var(--typography-body-1-weight);\n --helper-font-size: var(--typography-body-2-size);\n --helper-line-height: var(--typography-body-2-height);\n --field-control-height: 3rem;\n --field-control-icon-size: 2rem;\n --field-control-font-size: var(--typography-body-1-size);\n --field-control-line-height: var(--typography-body-1-height);\n --field-control-font-weight: var(--typography-body-1-weight);\n}\n\n.root[data-invalid] {\n --field-control-text-color: var(--color-content-neutral-muted);\n --field-label-color: var(--color-content-negative-muted);\n --field-control-border-color: var(--color-content-negative-muted);\n --field-required-color: var(--color-content-negative-muted);\n}\n\n.label {\n font-size: var(--field-label-font-size, var(--typography-body-2-size));\n line-height: var(--field-label-line-height, var(--typography-body-2-height));\n font-weight: var(--field-label-font-weight, var(--typography-body-2-weight));\n color: var(--field-label-color);\n}\n\n.root[data-disabled] {\n --field-control-bg-color: var(--color-surface-tertiary);\n --field-control-text-color: var(--color-content-neutral-muted);\n --field-label-color: var(--color-content-neutral-muted);\n --field-control-border-color: var(--color-border-secondary);\n --field-required-color: var(--color-content-neutral-muted);\n cursor: not-allowed;\n user-select: none;\n}\n\n.required {\n color: var(--field-required-color);\n margin-left: var(--spacing-xxs);\n}\n\n.visually-hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.error {\n font-size: var(--helper-font-size);\n line-height: var(--helper-line-height);\n color: var(--color-content-negative-base);\n}\n\n.description {\n font-size: var(--helper-font-size);\n line-height: var(--helper-line-height);\n color: var(--color-content-neutral-secondary);\n margin: 0;\n}\n\n.description[data-disabled] {\n color: var(--color-content-neutral-muted);\n}\n"],"mappings":""}
@@ -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,8 +1,8 @@
1
- import * as React from "react";
1
+ import * as React$1 from "react";
2
2
 
3
3
  //#region src/internals/base-svg/base-svg.d.ts
4
4
  type SvgColor = "currentcolor" | "normal" | "secondary" | "tertiary" | "muted" | "brand" | "brand-secondary" | "brand-tertiary" | "brand-muted" | "positive" | "positive-secondary" | "positive-tertiary" | "positive-muted" | "negative" | "negative-secondary" | "negative-tertiary" | "negative-muted" | "warn" | "warn-secondary" | "warn-tertiary" | "warn-muted" | "info" | "info-secondary" | "info-tertiary" | "info-muted" | "on-neutral" | "on-brand" | "on-positive" | "on-negative" | "on-warn" | "on-info";
5
- interface BaseSvgProps extends React.ComponentPropsWithoutRef<"svg"> {
5
+ interface BaseSvgProps extends React$1.ComponentPropsWithoutRef<"svg"> {
6
6
  /**
7
7
  * The semantic color of the SVG. Maps to theme tokens.
8
8
  * @default "currentcolor"
@@ -1 +1 @@
1
- {"version":3,"file":"base-svg.js","names":["styles"],"sources":["../../../src/internals/base-svg/base-svg.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./base-svg.module.css\";\n\nexport type SvgColor =\n | \"currentcolor\"\n | \"normal\"\n | \"secondary\"\n | \"tertiary\"\n | \"muted\"\n | \"brand\"\n | \"brand-secondary\"\n | \"brand-tertiary\"\n | \"brand-muted\"\n | \"positive\"\n | \"positive-secondary\"\n | \"positive-tertiary\"\n | \"positive-muted\"\n | \"negative\"\n | \"negative-secondary\"\n | \"negative-tertiary\"\n | \"negative-muted\"\n | \"warn\"\n | \"warn-secondary\"\n | \"warn-tertiary\"\n | \"warn-muted\"\n | \"info\"\n | \"info-secondary\"\n | \"info-tertiary\"\n | \"info-muted\"\n | \"on-neutral\"\n | \"on-brand\"\n | \"on-positive\"\n | \"on-negative\"\n | \"on-warn\"\n | \"on-info\";\n\nexport interface BaseSvgProps extends React.ComponentPropsWithoutRef<\"svg\"> {\n /**\n * The semantic color of the SVG. Maps to theme tokens.\n * @default \"currentcolor\"\n */\n color?: SvgColor;\n\n /**\n * The viewBox of the SVG.\n * @default \"0 0 24 24\"\n */\n viewBox?: string;\n\n /**\n * Provides a human-readable title for the element for accessibility.\n */\n title?: string;\n\n /**\n * The size of the icon in pixels (converted to rem internally).\n * If set to `\"auto\"`, the icon inherits the parent's dimensions.\n * @default \"auto\"\n */\n size?: number | \"auto\";\n}\n\nexport const BaseSvg = React.forwardRef<SVGSVGElement, BaseSvgProps>(\n (props, ref) => {\n const {\n children,\n className,\n title,\n style: otherStyles,\n color = \"currentcolor\",\n viewBox = \"0 0 24 24\",\n size = \"auto\",\n ...otherProps\n } = props;\n\n const hasValidSize =\n (typeof size === \"number\" && !isNaN(size)) ||\n (typeof size === \"string\" && size === \"auto\");\n\n if (!hasValidSize) {\n console.error(`Expected a valid size prop, received \\`size={${size}}\\`.`);\n }\n\n // Inject size as a local CSS variable to maintain zero-runtime CSS purity\n const sizeValue = size === \"auto\" ? \"100%\" : `${(size as number) / 16}rem`;\n const inlineStyles = {\n \"--svg-size\": sizeValue,\n ...otherStyles,\n } as React.CSSProperties;\n\n return (\n <svg\n {...otherProps}\n ref={ref}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={viewBox}\n aria-hidden={title ? undefined : true}\n role={title ? \"img\" : undefined}\n focusable=\"false\"\n style={inlineStyles}\n className={`${styles[\"root\"]} ${className || \"\"}`.trim()}\n data-color={color}\n >\n {title && <title>{title}</title>}\n {children}\n </svg>\n );\n },\n);\n"],"mappings":"8GA8DA,MAAa,EAAU,EAAM,YAC1B,EAAO,IAAQ,CACd,GAAM,CACJ,WACA,YACA,QACA,MAAO,EACP,QAAQ,eACR,UAAU,YACV,OAAO,OACP,GAAG,GACD,EAGD,OAAO,GAAS,UAAY,CAAC,MAAM,CAAI,GACvC,OAAO,GAAS,UAAY,IAAS,QAGtC,QAAQ,MAAM,gDAAgD,EAAK,KAAK,EAK1E,IAAM,EAAe,CACnB,aAFgB,IAAS,OAAS,OAAS,GAAI,EAAkB,GAAG,KAGpE,GAAG,CACL,EAEA,OACE,EAAC,MAAD,CACE,GAAI,EACC,MACL,MAAM,6BACG,UACT,cAAa,EAAQ,IAAA,GAAY,GACjC,KAAM,EAAQ,MAAQ,IAAA,GACtB,UAAU,QACV,MAAO,EACP,UAAW,GAAGA,EAAO,KAAQ,GAAG,GAAa,KAAK,KAAK,EACvD,aAAY,WAVd,CAYG,GAAS,EAAC,QAAD,CAAA,SAAQ,CAAa,CAAA,EAC9B,CACE,GAET,CACF"}
1
+ {"version":3,"file":"base-svg.js","names":["React","styles"],"sources":["../../../src/internals/base-svg/base-svg.tsx"],"sourcesContent":["import * as React from \"react\";\nimport styles from \"./base-svg.module.css\";\n\nexport type SvgColor =\n | \"currentcolor\"\n | \"normal\"\n | \"secondary\"\n | \"tertiary\"\n | \"muted\"\n | \"brand\"\n | \"brand-secondary\"\n | \"brand-tertiary\"\n | \"brand-muted\"\n | \"positive\"\n | \"positive-secondary\"\n | \"positive-tertiary\"\n | \"positive-muted\"\n | \"negative\"\n | \"negative-secondary\"\n | \"negative-tertiary\"\n | \"negative-muted\"\n | \"warn\"\n | \"warn-secondary\"\n | \"warn-tertiary\"\n | \"warn-muted\"\n | \"info\"\n | \"info-secondary\"\n | \"info-tertiary\"\n | \"info-muted\"\n | \"on-neutral\"\n | \"on-brand\"\n | \"on-positive\"\n | \"on-negative\"\n | \"on-warn\"\n | \"on-info\";\n\nexport interface BaseSvgProps extends React.ComponentPropsWithoutRef<\"svg\"> {\n /**\n * The semantic color of the SVG. Maps to theme tokens.\n * @default \"currentcolor\"\n */\n color?: SvgColor;\n\n /**\n * The viewBox of the SVG.\n * @default \"0 0 24 24\"\n */\n viewBox?: string;\n\n /**\n * Provides a human-readable title for the element for accessibility.\n */\n title?: string;\n\n /**\n * The size of the icon in pixels (converted to rem internally).\n * If set to `\"auto\"`, the icon inherits the parent's dimensions.\n * @default \"auto\"\n */\n size?: number | \"auto\";\n}\n\nexport const BaseSvg = React.forwardRef<SVGSVGElement, BaseSvgProps>(\n (props, ref) => {\n const {\n children,\n className,\n title,\n style: otherStyles,\n color = \"currentcolor\",\n viewBox = \"0 0 24 24\",\n size = \"auto\",\n ...otherProps\n } = props;\n\n const hasValidSize =\n (typeof size === \"number\" && !isNaN(size)) ||\n (typeof size === \"string\" && size === \"auto\");\n\n if (!hasValidSize) {\n console.error(`Expected a valid size prop, received \\`size={${size}}\\`.`);\n }\n\n // Inject size as a local CSS variable to maintain zero-runtime CSS purity\n const sizeValue = size === \"auto\" ? \"100%\" : `${(size as number) / 16}rem`;\n const inlineStyles = {\n \"--svg-size\": sizeValue,\n ...otherStyles,\n } as React.CSSProperties;\n\n return (\n <svg\n {...otherProps}\n ref={ref}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={viewBox}\n aria-hidden={title ? undefined : true}\n role={title ? \"img\" : undefined}\n focusable=\"false\"\n style={inlineStyles}\n className={`${styles[\"root\"]} ${className || \"\"}`.trim()}\n data-color={color}\n >\n {title && <title>{title}</title>}\n {children}\n </svg>\n );\n },\n);\n"],"mappings":"8GA8DA,MAAa,EAAUA,EAAM,YAC1B,EAAO,IAAQ,CACd,GAAM,CACJ,WACA,YACA,QACA,MAAO,EACP,QAAQ,eACR,UAAU,YACV,OAAO,OACP,GAAG,GACD,EAGD,OAAO,GAAS,UAAY,CAAC,MAAM,CAAI,GACvC,OAAO,GAAS,UAAY,IAAS,QAGtC,QAAQ,MAAM,gDAAgD,EAAK,KAAK,EAK1E,IAAM,EAAe,CACnB,aAFgB,IAAS,OAAS,OAAS,GAAI,EAAkB,GAAG,KAGpE,GAAG,CACL,EAEA,OACE,EAAC,MAAD,CACE,GAAI,EACC,MACL,MAAM,6BACG,UACT,cAAa,EAAQ,IAAA,GAAY,GACjC,KAAM,EAAQ,MAAQ,IAAA,GACtB,UAAU,QACV,MAAO,EACP,UAAW,GAAGC,EAAO,KAAQ,GAAG,GAAa,KAAK,KAAK,EACvD,aAAY,WAVd,CAYG,GAAS,EAAC,QAAD,CAAA,SAAQ,CAAa,CAAA,EAC9B,CACE,GAET,CACF"}
@@ -1,2 +1,3 @@
1
+ import './base-svg.css';
1
2
  var e={root:`X10r3W_root`};export{e as default};
2
3
  //# sourceMappingURL=base-svg.module.js.map
@@ -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,6 +1,3 @@
1
- import { usePortalConfig } from "../helpers/portal/context/hooks.js";
2
- import { PortalConfigProvider } from "../helpers/portal/context/provider.js";
3
- import { Portal, PortalProps } from "../helpers/portal/portal.js";
4
1
  import { AlertDialogContext, AlertDialogProvider, AlertDialogProviderProps, showAlertDialog } from "./alert-dialog-provider/alert-dialog-provider.js";
5
2
  import { useAlertDialog } from "./alert-dialog-provider/hooks.js";
6
3
  import { DialogContext, DialogProvider, DialogProviderProps, showDialog } from "./dialog-provider/dialog-provider.js";
@@ -1 +1 @@
1
- import"../helpers/portal/context/hooks.js";import"../helpers/portal/context/provider.js";import"../helpers/portal/portal.js";import"../helpers/portal/index.js";import"./alert-dialog-provider/alert-dialog-provider.js";import"./alert-dialog-provider/hooks.js";import"./alert-dialog-provider/index.js";import"./dialog-provider/dialog-provider.js";import"./dialog-provider/hooks.js";import"./dialog-provider/index.js";import"./toast-provider/toast-provider.js";import"./toast-provider/index.js";
1
+ import"./alert-dialog-provider/alert-dialog-provider.js";import"./alert-dialog-provider/hooks.js";import"./alert-dialog-provider/index.js";import"./dialog-provider/dialog-provider.js";import"./dialog-provider/hooks.js";import"./dialog-provider/index.js";import"./toast-provider/toast-provider.js";import"./toast-provider/index.js";
@@ -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,2 +1,3 @@
1
+ import './toast-provider.css';
1
2
  var e={viewport:`jN-iOa_viewport`};export{e as default};
2
3
  //# sourceMappingURL=toast-provider.module.js.map
@@ -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.0",
4
+ "version": "1.0.0-alpha.10",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist/**/*.js",
@@ -19,24 +19,19 @@
19
19
  "default": "./dist/index.js"
20
20
  },
21
21
  "./atoms/*": {
22
- "types": "./dist/atoms/*.d.ts",
23
- "import": "./dist/atoms/*.js",
24
- "default": "./dist/atoms/*.js"
22
+ "types": "./dist/atoms/*/index.d.ts",
23
+ "import": "./dist/atoms/*/index.js",
24
+ "default": "./dist/atoms/*/index.js"
25
25
  },
26
- "./atoms": {
27
- "types": "./dist/atoms/index.d.ts",
28
- "import": "./dist/atoms/index.js",
29
- "default": "./dist/atoms/index.js"
26
+ "./helpers/*": {
27
+ "types": "./dist/helpers/*/index.d.ts",
28
+ "import": "./dist/helpers/*/index.js",
29
+ "default": "./dist/helpers/*/index.js"
30
30
  },
31
31
  "./providers/*": {
32
- "types": "./dist/providers/*.d.ts",
33
- "import": "./dist/providers/*.js",
34
- "default": "./dist/providers/*.js"
35
- },
36
- "./providers": {
37
- "types": "./dist/providers/index.d.ts",
38
- "import": "./dist/providers/index.js",
39
- "default": "./dist/providers/index.js"
32
+ "types": "./dist/providers/*/index.d.ts",
33
+ "import": "./dist/providers/*/index.js",
34
+ "default": "./dist/providers/*/index.js"
40
35
  }
41
36
  },
42
37
  "peerDependencies": {
@@ -56,8 +51,7 @@
56
51
  "date-fns-jalali": "4.1.0-0",
57
52
  "react-day-picker": "^9.13.0",
58
53
  "recharts": "^3.8.1",
59
- "sonner": "^2.0.7",
60
- "@pantool/lib": "1.0.0-alpha.1"
54
+ "@pantool/lib": "1.0.0-alpha.5"
61
55
  },
62
56
  "devDependencies": {
63
57
  "@babel/preset-react": "^7.28.5",