@agentero/design-system 0.31.2 → 0.31.3
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.
|
@@ -594,7 +594,7 @@
|
|
|
594
594
|
<main>
|
|
595
595
|
<div class="wrap">
|
|
596
596
|
<div class="note ok" style="margin-bottom: 16px;">
|
|
597
|
-
Using <code>react-component-meta</code>. Generation took <strong>3.
|
|
597
|
+
Using <code>react-component-meta</code>. Generation took <strong>3.7s</strong>.
|
|
598
598
|
</div>
|
|
599
599
|
<h2 class="section-title">Components</h2>
|
|
600
600
|
<div class="grid" role="list">
|
|
@@ -4422,7 +4422,7 @@ weight of a full border on every row.</div>
|
|
|
4422
4422
|
clusters of buttons (editing vs. history vs. settings) without visual
|
|
4423
4423
|
weight.</div>
|
|
4424
4424
|
<pre><code>const InToolbar = () => (
|
|
4425
|
-
<div className="inline-flex h-10 items-center gap-1 rounded-lg border border-border-default-base-primary bg-bg-default-base-primary px-2 shadow-
|
|
4425
|
+
<div className="inline-flex h-10 items-center gap-1 rounded-lg border border-border-default-base-primary bg-bg-default-base-primary px-2 shadow-xs">
|
|
4426
4426
|
<Button variant="ghost" size="xs">
|
|
4427
4427
|
Cut
|
|
4428
4428
|
</Button>
|
|
@@ -5003,7 +5003,7 @@
|
|
|
5003
5003
|
{
|
|
5004
5004
|
"id": "components-divider--in-toolbar",
|
|
5005
5005
|
"name": "In Toolbar",
|
|
5006
|
-
"snippet": "const InToolbar = () => (\n <div className=\"inline-flex h-10 items-center gap-1 rounded-lg border border-border-default-base-primary bg-bg-default-base-primary px-2 shadow-
|
|
5006
|
+
"snippet": "const InToolbar = () => (\n <div className=\"inline-flex h-10 items-center gap-1 rounded-lg border border-border-default-base-primary bg-bg-default-base-primary px-2 shadow-xs\">\n <Button variant=\"ghost\" size=\"xs\">\n Cut\n </Button>\n <Button variant=\"ghost\" size=\"xs\">\n Copy\n </Button>\n <Button variant=\"ghost\" size=\"xs\">\n Paste\n </Button>\n <Divider orientation=\"vertical\" className=\"mx-1 h-6\" />\n <Button variant=\"ghost\" size=\"xs\">\n Undo\n </Button>\n <Button variant=\"ghost\" size=\"xs\">\n Redo\n </Button>\n <Divider orientation=\"vertical\" className=\"mx-1 h-6\" />\n <Button variant=\"ghost\" size=\"xs\">\n Settings\n </Button>\n </div>\n);",
|
|
5007
5007
|
"description": "Vertical dividers grouping related toolbar actions. Use to separate logical\nclusters of buttons (editing vs. history vs. settings) without visual\nweight.",
|
|
5008
5008
|
"summary": "Vertical dividers grouping toolbar actions"
|
|
5009
5009
|
},
|
|
@@ -9414,6 +9414,6 @@
|
|
|
9414
9414
|
},
|
|
9415
9415
|
"meta": {
|
|
9416
9416
|
"docgen": "react-component-meta",
|
|
9417
|
-
"durationMs":
|
|
9417
|
+
"durationMs": 3657
|
|
9418
9418
|
}
|
|
9419
9419
|
}
|
package/package.json
CHANGED
package/src/button/button.js
CHANGED
|
@@ -30,7 +30,7 @@ var c = t({
|
|
|
30
30
|
secondary: [
|
|
31
31
|
"bg-bg-button-secondary-enable border-border-button-secondary-enable",
|
|
32
32
|
"text-text-button-secondary-enable",
|
|
33
|
-
"shadow-
|
|
33
|
+
"shadow-xs",
|
|
34
34
|
"[&_svg]:fill-icon-button-secondary-enable",
|
|
35
35
|
"hover:bg-bg-button-secondary-hover"
|
|
36
36
|
],
|
|
@@ -20,7 +20,7 @@ var l = o({
|
|
|
20
20
|
"transition-[background-color,border-color,color] duration-150",
|
|
21
21
|
"disabled:pointer-events-none disabled:opacity-30",
|
|
22
22
|
"focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-[0.0625rem] focus-visible:outline-focus-ring-button-primary",
|
|
23
|
-
"hover:not-aria-[current=page]:border-border-button-secondary-enable hover:not-aria-[current=page]:shadow-
|
|
23
|
+
"hover:not-aria-[current=page]:border-border-button-secondary-enable hover:not-aria-[current=page]:shadow-xs",
|
|
24
24
|
"[&_svg]:size-8 [&_svg]:-mx-2 [&_svg]:fill-current"
|
|
25
25
|
],
|
|
26
26
|
dots: "inline-flex size-8 items-center justify-center text-text-button-ghost-enable [&_svg]:size-4 [&_svg]:fill-current"
|
package/theme/base.css
CHANGED
|
@@ -761,28 +761,20 @@
|
|
|
761
761
|
* SHADOWS
|
|
762
762
|
* ======================================== */
|
|
763
763
|
|
|
764
|
-
--shadow-
|
|
765
|
-
--shadow-
|
|
764
|
+
--shadow-xs: 0 0.0625rem 0.125rem 0 var(--color-overlay-dark-050);
|
|
765
|
+
--shadow-sm:
|
|
766
766
|
0 0.0625rem 0.125rem 0 var(--color-overlay-dark-050),
|
|
767
767
|
0 0.0625rem 0.125rem 0 var(--color-overlay-dark-050);
|
|
768
|
-
--shadow-
|
|
768
|
+
--shadow-md:
|
|
769
769
|
0 0.25rem 0.375rem -0.0625rem var(--color-overlay-dark-100),
|
|
770
770
|
0 0.125rem 0.25rem -0.0625rem var(--color-overlay-dark-050);
|
|
771
|
-
--shadow-
|
|
771
|
+
--shadow-lg:
|
|
772
772
|
0 0.625rem 0.9375rem -0.1875rem var(--color-overlay-dark-100),
|
|
773
773
|
0 0.25rem 0.375rem -0.125rem var(--color-overlay-dark-050);
|
|
774
|
-
--shadow-
|
|
774
|
+
--shadow-xl:
|
|
775
775
|
0 1.25rem 1.5625rem -0.3125rem var(--color-overlay-dark-100),
|
|
776
776
|
0 0.625rem 0.625rem -0.3125rem var(--color-overlay-dark-050);
|
|
777
|
-
--shadow-
|
|
778
|
-
|
|
779
|
-
/* Semantic Shadows */
|
|
780
|
-
--shadow-xs: var(--shadow-1);
|
|
781
|
-
--shadow-sm: var(--shadow-2);
|
|
782
|
-
--shadow-md: var(--shadow-3);
|
|
783
|
-
--shadow-lg: var(--shadow-4);
|
|
784
|
-
--shadow-xl: var(--shadow-5);
|
|
785
|
-
--shadow-2xl: var(--shadow-6);
|
|
777
|
+
--shadow-2xl: 0 1.5625rem 3.125rem -0.75rem var(--color-overlay-dark-200);
|
|
786
778
|
|
|
787
779
|
/* ========================================
|
|
788
780
|
* EASINGS / TRANSITIONS
|