@kiefer-tek/sophea-design-system 0.18.0 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ThemeProvider/ThemeProvider.d.ts.map +1 -1
- package/dist/index.css +10 -0
- package/dist/index.js +7 -5
- package/dist/index.js.map +1 -1
- package/dist/tokens/index.d.ts +32 -2
- package/dist/tokens/index.d.ts.map +1 -1
- package/dist/tokens/index.js +8 -2
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/tailwind-preset.d.ts.map +1 -1
- package/dist/tokens/tailwind-preset.js +25 -1
- package/dist/tokens/tailwind-preset.js.map +1 -1
- package/dist/v2/components/ui/badge.d.ts +10 -0
- package/dist/v2/components/ui/badge.d.ts.map +1 -0
- package/dist/v2/components/ui/button.d.ts +25 -0
- package/dist/v2/components/ui/button.d.ts.map +1 -0
- package/dist/v2/components/ui/card.d.ts +24 -0
- package/dist/v2/components/ui/card.d.ts.map +1 -0
- package/dist/v2/components/ui/input.d.ts +24 -0
- package/dist/v2/components/ui/input.d.ts.map +1 -0
- package/dist/v2/components/ui/search-input.d.ts +40 -0
- package/dist/v2/components/ui/search-input.d.ts.map +1 -0
- package/dist/v2/components/ui/skeleton.d.ts +4 -0
- package/dist/v2/components/ui/skeleton.d.ts.map +1 -0
- package/dist/v2/components/ui/tabs.d.ts +54 -0
- package/dist/v2/components/ui/tabs.d.ts.map +1 -0
- package/dist/v2/index.d.ts +15 -0
- package/dist/v2/index.d.ts.map +1 -0
- package/dist/v2/index.js +2787 -0
- package/dist/v2/lib/utils.d.ts +3 -0
- package/dist/v2/lib/utils.d.ts.map +1 -0
- package/dist/v2/patterns/searchable-tabs.d.ts +25 -0
- package/dist/v2/patterns/searchable-tabs.d.ts.map +1 -0
- package/dist/v2/styles.css +1 -0
- package/package.json +27 -5
- package/src/tokens/colors_and_type.css +82 -43
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AACrC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEzC,MAAM,WAAW,iBAAiB;IAChC,qFAAqF;IACrF,KAAK,EAAE,KAAK,CAAC;IACb,uEAAuE;IACvE,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAID,MAAM,WAAW,kBAAkB;IACjC,mEAAmE;IACnE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yFAAyF;IACzF,SAAS,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IACnC,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,+EAA+E;IAC/E,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;
|
|
1
|
+
{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;AACrC,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,CAAC;AAEzC,MAAM,WAAW,iBAAiB;IAChC,qFAAqF;IACrF,KAAK,EAAE,KAAK,CAAC;IACb,uEAAuE;IACvE,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAID,MAAM,WAAW,kBAAkB;IACjC,mEAAmE;IACnE,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,yFAAyF;IACzF,SAAS,CAAC,EAAE,YAAY,GAAG,OAAO,CAAC;IACnC,0FAA0F;IAC1F,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,+EAA+E;IAC/E,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAsDD,wBAAgB,aAAa,CAAC,EAC5B,WAAsB,EACtB,SAAwB,EACxB,UAAwB,EACxB,yBAAgC,EAChC,QAAQ,GACT,EAAE,kBAAkB,2CAkDpB;AAED,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}
|
package/dist/index.css
CHANGED
|
@@ -4556,6 +4556,16 @@ a.sn-Button-module__btn--Fx11X[aria-disabled="true"] {
|
|
|
4556
4556
|
}
|
|
4557
4557
|
|
|
4558
4558
|
.sn-Tabs-module__trigger-pill--IVool {
|
|
4559
|
+
/* border-box + min-height pins the trigger to a single height regardless of
|
|
4560
|
+
content (text-only vs icon vs count): text is 13px tall, an icon 16px, so
|
|
4561
|
+
without this a text-only strip rendered 3px shorter (27px) than an
|
|
4562
|
+
icon-bearing one (30px) — the cross-page inconsistency. inline-flex centers
|
|
4563
|
+
whatever content sits inside the consumer's row span. */
|
|
4564
|
+
box-sizing: border-box;
|
|
4565
|
+
display: inline-flex;
|
|
4566
|
+
align-items: center;
|
|
4567
|
+
justify-content: center;
|
|
4568
|
+
min-height: 30px;
|
|
4559
4569
|
padding: 7px 16px;
|
|
4560
4570
|
font-size: 13px;
|
|
4561
4571
|
color: var(--text-04);
|
package/dist/index.js
CHANGED
|
@@ -23,7 +23,7 @@ import * as SA from "@radix-ui/react-scroll-area";
|
|
|
23
23
|
import * as S from "@radix-ui/react-slider";
|
|
24
24
|
import * as AD from "@radix-ui/react-alert-dialog";
|
|
25
25
|
import * as RT$2 from "@radix-ui/react-tabs";
|
|
26
|
-
import { colors, cssVar, density, elevation, motion, radii, tokens } from "./tokens/index.js";
|
|
26
|
+
import { colors, cssVar, density, elevation, glass, motion, radii, tokens } from "./tokens/index.js";
|
|
27
27
|
const btn$1 = "sn-Button-module__btn--Fx11X";
|
|
28
28
|
const fullWidth = "sn-Button-module__full-width--yCsE-";
|
|
29
29
|
const responsiveHideText = "sn-Button-module__responsive-hide-text--N-0k-";
|
|
@@ -2298,9 +2298,10 @@ function applyTheme(theme, attribute, disableTransitions) {
|
|
|
2298
2298
|
document.head.appendChild(style);
|
|
2299
2299
|
void root2.offsetHeight;
|
|
2300
2300
|
cleanup = () => {
|
|
2301
|
-
|
|
2301
|
+
window.getComputedStyle(document.body);
|
|
2302
|
+
window.setTimeout(() => {
|
|
2302
2303
|
style.remove();
|
|
2303
|
-
});
|
|
2304
|
+
}, 0);
|
|
2304
2305
|
};
|
|
2305
2306
|
}
|
|
2306
2307
|
if (attribute === "data-theme") {
|
|
@@ -5351,7 +5352,7 @@ const AppShellSidebar = forwardRef(function AppShellSidebar2({
|
|
|
5351
5352
|
AppShellSidebar[ROLE] = "drawer";
|
|
5352
5353
|
const AppShellSingleSidebar = forwardRef(
|
|
5353
5354
|
function AppShellSingleSidebar2({
|
|
5354
|
-
glass = true,
|
|
5355
|
+
glass: glass2 = true,
|
|
5355
5356
|
collapsed,
|
|
5356
5357
|
expandedWidth = 232,
|
|
5357
5358
|
collapsedWidth = 64,
|
|
@@ -5368,7 +5369,7 @@ const AppShellSingleSidebar = forwardRef(
|
|
|
5368
5369
|
{
|
|
5369
5370
|
ref,
|
|
5370
5371
|
className: cx(styles.singleSidebar, className),
|
|
5371
|
-
"data-glass":
|
|
5372
|
+
"data-glass": glass2 ? "true" : "false",
|
|
5372
5373
|
"data-collapsed": isCollapsed ? "true" : "false",
|
|
5373
5374
|
"aria-label": ariaLabel ?? "Sidebar",
|
|
5374
5375
|
style: { width: isCollapsed ? collapsedWidth : expandedWidth, ...style },
|
|
@@ -5805,6 +5806,7 @@ export {
|
|
|
5805
5806
|
cssVar,
|
|
5806
5807
|
density,
|
|
5807
5808
|
elevation,
|
|
5809
|
+
glass,
|
|
5808
5810
|
isRichStr,
|
|
5809
5811
|
m as markdown,
|
|
5810
5812
|
motion,
|