@pantool/components 1.0.0-alpha.1 → 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.
- package/dist/atoms/avatar/avatar.css +1 -0
- package/dist/atoms/avatar/avatar.d.ts +17 -0
- package/dist/atoms/avatar/avatar.js +2 -0
- package/dist/atoms/avatar/avatar.js.map +1 -0
- package/dist/atoms/avatar/avatar.module.js +3 -0
- package/dist/atoms/avatar/avatar.module.js.map +1 -0
- package/dist/atoms/avatar/index.d.ts +1 -0
- package/dist/atoms/avatar/index.js +1 -0
- package/dist/atoms/button/button.css +1 -18
- package/dist/atoms/button/button.d.ts +5 -5
- package/dist/atoms/button/button.js.map +1 -1
- package/dist/atoms/button/button.module.js +1 -0
- package/dist/atoms/button/button.module.js.map +1 -1
- package/dist/atoms/checkbox/checkbox.css +1 -119
- package/dist/atoms/checkbox/checkbox.module.js +1 -0
- package/dist/atoms/checkbox/checkbox.module.js.map +1 -1
- package/dist/atoms/clickable-area/clickable-area.d.ts +15 -0
- package/dist/atoms/clickable-area/clickable-area.js +2 -0
- package/dist/atoms/clickable-area/clickable-area.js.map +1 -0
- package/dist/atoms/clickable-area/index.d.ts +1 -0
- package/dist/atoms/clickable-area/index.js +1 -0
- package/dist/atoms/clickable-area/styles.css +1 -0
- package/dist/atoms/clickable-area/styles.module.js +3 -0
- package/dist/atoms/clickable-area/styles.module.js.map +1 -0
- package/dist/atoms/collapsible/collapsible.css +1 -0
- package/dist/atoms/collapsible/collapsible.d.ts +16 -0
- package/dist/atoms/collapsible/collapsible.js +2 -0
- package/dist/atoms/collapsible/collapsible.js.map +1 -0
- package/dist/atoms/collapsible/collapsible.module.js +3 -0
- package/dist/atoms/collapsible/collapsible.module.js.map +1 -0
- package/dist/atoms/collapsible/index.d.ts +1 -0
- package/dist/atoms/collapsible/index.js +1 -0
- package/dist/atoms/combobox/combobox.css +1 -302
- package/dist/atoms/combobox/combobox.d.ts +3 -3
- package/dist/atoms/combobox/combobox.module.js +1 -0
- package/dist/atoms/combobox/combobox.module.js.map +1 -1
- package/dist/atoms/combobox/index.d.ts +1 -0
- package/dist/atoms/context-menu/context-menu.css +1 -75
- package/dist/atoms/context-menu/context-menu.module.js +1 -0
- package/dist/atoms/context-menu/context-menu.module.js.map +1 -1
- package/dist/atoms/icon/icon.d.ts +2 -2
- package/dist/atoms/icon/icon.js.map +1 -1
- package/dist/atoms/icon-button/icon-button.css +1 -12
- package/dist/atoms/icon-button/icon-button.d.ts +3 -3
- package/dist/atoms/icon-button/icon-button.js.map +1 -1
- package/dist/atoms/icon-button/icon-button.module.js +1 -0
- package/dist/atoms/index.d.ts +8 -3
- package/dist/atoms/index.js +1 -1
- package/dist/atoms/input/input.css +1 -29
- package/dist/atoms/input/input.module.js +1 -0
- package/dist/atoms/input/input.module.js.map +1 -1
- package/dist/atoms/menu/index.d.ts +1 -0
- package/dist/atoms/menu/index.js +1 -0
- package/dist/atoms/menu/menu.css +1 -0
- package/dist/atoms/menu/menu.d.ts +69 -0
- package/dist/atoms/menu/menu.js +2 -0
- package/dist/atoms/menu/menu.js.map +1 -0
- package/dist/atoms/menu/menu.module.js +3 -0
- package/dist/atoms/menu/menu.module.js.map +1 -0
- package/dist/atoms/radio/radio.css +1 -142
- package/dist/atoms/radio/radio.module.js +1 -0
- package/dist/atoms/radio/radio.module.js.map +1 -1
- package/dist/atoms/switch/switch.css +1 -68
- package/dist/atoms/switch/switch.module.js +1 -0
- package/dist/atoms/switch/switch.module.js.map +1 -1
- package/dist/atoms/tabs/tabs.css +1 -92
- package/dist/atoms/tabs/tabs.d.ts +3 -3
- package/dist/atoms/tabs/tabs.module.js +1 -0
- package/dist/atoms/tabs/tabs.module.js.map +1 -1
- package/dist/atoms/text/text.css +1 -273
- package/dist/atoms/text/text.d.ts +3 -3
- package/dist/atoms/text/text.module.js +1 -0
- package/dist/atoms/text/text.module.js.map +1 -1
- package/dist/atoms/toast/toast.css +1 -151
- package/dist/atoms/toast/toast.module.js +1 -0
- package/dist/atoms/toast/toast.module.js.map +1 -1
- package/dist/atoms/tooltip/tooltip.css +1 -92
- package/dist/atoms/tooltip/tooltip.d.ts +3 -3
- package/dist/atoms/tooltip/tooltip.module.js +1 -0
- package/dist/atoms/tooltip/tooltip.module.js.map +1 -1
- package/dist/helpers/flex/flex.d.ts +45 -0
- package/dist/helpers/flex/flex.js +2 -0
- package/dist/helpers/flex/flex.js.map +1 -0
- package/dist/helpers/flex/index.d.ts +1 -0
- package/dist/helpers/flex/index.js +1 -0
- package/dist/helpers/flex/styles.css +1 -0
- package/dist/helpers/flex/styles.module.js +3 -0
- package/dist/helpers/flex/styles.module.js.map +1 -0
- package/dist/helpers/index.d.ts +4 -0
- package/dist/helpers/index.js +1 -0
- package/dist/helpers/portal/context/portal-config.js.map +1 -1
- package/dist/index.d.ts +10 -4
- package/dist/index.js +1 -1
- package/dist/internals/base-button/base-button.css +1 -262
- package/dist/internals/base-button/base-button.d.ts +2 -2
- package/dist/internals/base-button/base-button.js.map +1 -1
- package/dist/internals/base-button/base-button.module.js +1 -0
- package/dist/internals/base-button/base-button.module.js.map +1 -1
- package/dist/internals/base-dialog/base-dialog.css +1 -74
- package/dist/internals/base-dialog/base-dialog.module.js +1 -0
- package/dist/internals/base-field/base-field.css +1 -115
- package/dist/internals/base-field/base-field.module.js +1 -0
- package/dist/internals/base-field/base-field.module.js.map +1 -1
- package/dist/internals/base-svg/base-svg.css +1 -137
- package/dist/internals/base-svg/base-svg.d.ts +2 -2
- package/dist/internals/base-svg/base-svg.js.map +1 -1
- package/dist/internals/base-svg/base-svg.module.js +1 -0
- package/dist/internals/base-svg/base-svg.module.js.map +1 -1
- package/dist/providers/index.d.ts +0 -3
- package/dist/providers/index.js +1 -1
- package/dist/providers/toast-provider/toast-provider.css +1 -13
- package/dist/providers/toast-provider/toast-provider.module.js +1 -0
- package/dist/providers/toast-provider/toast-provider.module.js.map +1 -1
- package/package.json +12 -28
|
@@ -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 +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":"
|
|
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,
|
|
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 +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":"
|
|
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";
|
package/dist/providers/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"
|
|
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 +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":"
|
|
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
|
+
"version": "1.0.0-alpha.10",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
7
7
|
"dist/**/*.js",
|
|
@@ -19,34 +19,19 @@
|
|
|
19
19
|
"default": "./dist/index.js"
|
|
20
20
|
},
|
|
21
21
|
"./atoms/*": {
|
|
22
|
-
"types": "./dist/atoms
|
|
23
|
-
"import": "./dist/atoms
|
|
24
|
-
"default": "./dist/atoms
|
|
25
|
-
},
|
|
26
|
-
"./atoms": {
|
|
27
|
-
"types": "./dist/atoms/index.d.ts",
|
|
28
|
-
"import": "./dist/atoms/index.js",
|
|
29
|
-
"default": "./dist/atoms/index.js"
|
|
30
|
-
},
|
|
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"
|
|
22
|
+
"types": "./dist/atoms/*/index.d.ts",
|
|
23
|
+
"import": "./dist/atoms/*/index.js",
|
|
24
|
+
"default": "./dist/atoms/*/index.js"
|
|
40
25
|
},
|
|
41
26
|
"./helpers/*": {
|
|
42
|
-
"types": "./dist/helpers
|
|
43
|
-
"import": "./dist/helpers
|
|
44
|
-
"default": "./dist/helpers
|
|
27
|
+
"types": "./dist/helpers/*/index.d.ts",
|
|
28
|
+
"import": "./dist/helpers/*/index.js",
|
|
29
|
+
"default": "./dist/helpers/*/index.js"
|
|
45
30
|
},
|
|
46
|
-
"./
|
|
47
|
-
"types": "./dist/
|
|
48
|
-
"import": "./dist/
|
|
49
|
-
"default": "./dist/
|
|
31
|
+
"./providers/*": {
|
|
32
|
+
"types": "./dist/providers/*/index.d.ts",
|
|
33
|
+
"import": "./dist/providers/*/index.js",
|
|
34
|
+
"default": "./dist/providers/*/index.js"
|
|
50
35
|
}
|
|
51
36
|
},
|
|
52
37
|
"peerDependencies": {
|
|
@@ -66,8 +51,7 @@
|
|
|
66
51
|
"date-fns-jalali": "4.1.0-0",
|
|
67
52
|
"react-day-picker": "^9.13.0",
|
|
68
53
|
"recharts": "^3.8.1",
|
|
69
|
-
"
|
|
70
|
-
"@pantool/lib": "1.0.0-alpha.1"
|
|
54
|
+
"@pantool/lib": "1.0.0-alpha.5"
|
|
71
55
|
},
|
|
72
56
|
"devDependencies": {
|
|
73
57
|
"@babel/preset-react": "^7.28.5",
|