@impulse-ui-native/theme 6.2.0 → 6.3.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.
|
@@ -4,7 +4,7 @@ function createFlyoutTokens(tokens) {
|
|
|
4
4
|
return {
|
|
5
5
|
zIndexBase: 100,
|
|
6
6
|
maxHeightRatio: 0.7,
|
|
7
|
-
overlayColor: tokens.colors.
|
|
7
|
+
overlayColor: tokens.colors.text.tertiary,
|
|
8
8
|
overlayVisibleOpacity: 0.4,
|
|
9
9
|
backgroundColor: tokens.colors.surface.secondary.value,
|
|
10
10
|
contentPaddingHorizontal: tokens.space.md,
|
|
@@ -17,7 +17,7 @@ function createFlyoutTokens(tokens) {
|
|
|
17
17
|
width: "25%",
|
|
18
18
|
height: 6,
|
|
19
19
|
borderRadius: tokens.radii.round,
|
|
20
|
-
backgroundColor: tokens.colors.
|
|
20
|
+
backgroundColor: tokens.colors.border.default.value
|
|
21
21
|
},
|
|
22
22
|
placements: {
|
|
23
23
|
top: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-flyout-tokens.ts"],"sourcesContent":["import { FlyoutTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens {\n const borderRadius = tokens.radii.xl;\n const handleContainerHeight = 32;\n\n return {\n zIndexBase: 100,\n\n maxHeightRatio: 0.7,\n\n overlayColor: tokens.colors.
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-flyout-tokens.ts"],"sourcesContent":["import { FlyoutTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createFlyoutTokens(tokens: PrimitiveThemeTokens): FlyoutTokens {\n const borderRadius = tokens.radii.xl;\n const handleContainerHeight = 32;\n\n return {\n zIndexBase: 100,\n\n maxHeightRatio: 0.7,\n\n overlayColor: tokens.colors.text.tertiary,\n overlayVisibleOpacity: 0.4,\n\n backgroundColor: tokens.colors.surface.secondary.value,\n contentPaddingHorizontal: tokens.space.md,\n\n hiddenOpacity: 0,\n\n title: {\n paddingVertical: tokens.space.msm,\n paddingHorizontal: tokens.space.md,\n },\n\n handle: {\n width: \"25%\",\n height: 6,\n borderRadius: tokens.radii.round,\n backgroundColor: tokens.colors.border.default.value,\n },\n\n placements: {\n top: {\n container: {\n top: 0,\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0,\n borderBottomLeftRadius: borderRadius,\n borderBottomRightRadius: borderRadius,\n },\n handleContainer: {\n bottom: -handleContainerHeight,\n height: handleContainerHeight,\n },\n },\n bottom: {\n container: {\n bottom: 0,\n borderTopLeftRadius: borderRadius,\n borderTopRightRadius: borderRadius,\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n },\n handleContainer: {\n top: -handleContainerHeight,\n height: handleContainerHeight,\n },\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,mBAAmB,QAA4C;AAC7E,QAAM,eAAe,OAAO,MAAM;AAClC,QAAM,wBAAwB;AAE9B,SAAO;AAAA,IACL,YAAY;AAAA,IAEZ,gBAAgB;AAAA,IAEhB,cAAc,OAAO,OAAO,KAAK;AAAA,IACjC,uBAAuB;AAAA,IAEvB,iBAAiB,OAAO,OAAO,QAAQ,UAAU;AAAA,IACjD,0BAA0B,OAAO,MAAM;AAAA,IAEvC,eAAe;AAAA,IAEf,OAAO;AAAA,MACL,iBAAiB,OAAO,MAAM;AAAA,MAC9B,mBAAmB,OAAO,MAAM;AAAA,IAClC;AAAA,IAEA,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,cAAc,OAAO,MAAM;AAAA,MAC3B,iBAAiB,OAAO,OAAO,OAAO,QAAQ;AAAA,IAChD;AAAA,IAEA,YAAY;AAAA,MACV,KAAK;AAAA,QACH,WAAW;AAAA,UACT,KAAK;AAAA,UACL,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,QAAQ,CAAC;AAAA,UACT,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,WAAW;AAAA,UACT,QAAQ;AAAA,UACR,qBAAqB;AAAA,UACrB,sBAAsB;AAAA,UACtB,wBAAwB;AAAA,UACxB,yBAAyB;AAAA,QAC3B;AAAA,QACA,iBAAiB;AAAA,UACf,KAAK,CAAC;AAAA,UACN,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme/create-popover-tokens.ts"],"sourcesContent":["import type { PopoverTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createPopoverTokens(\n tokens: PrimitiveThemeTokens,\n): PopoverTokens {\n return {\n zIndexBase: 3000,\n gap: tokens.space.xs,\n edgeOffset: tokens.space.sm,\n arrowSize: 6,\n maxWidth: 320,\n actionMinSize: tokens.space.md,\n titleFontSize: tokens.fontSize.sm,\n titleLineHeight: tokens.lineHeight.sm,\n descriptionFontSize: tokens.fontSize.xsm,\n descriptionLineHeight: tokens.lineHeight.xsm,\n titleColor: tokens.colors.text.primary,\n descriptionColor: tokens.colors.text.secondary,\n surfaces: {\n elevated: {\n ...tokens.colors.surface.elevated,\n borderColor: tokens.colors.border.subtle.value,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.lg,\n paddingHorizontal: tokens.space.sm,\n paddingVertical: tokens.space.sm,\n },\n inverse: {\n ...tokens.colors.surface.inverse,\n borderColor: tokens.colors.surface.inverse.value,\n borderWidth: 0,\n borderRadius: tokens.radii.md,\n paddingHorizontal: tokens.space.mxs,\n paddingVertical: tokens.space.xs,\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,KAAK,OAAO,MAAM;AAAA,IAClB,YAAY,OAAO,MAAM;AAAA,IACzB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAe,OAAO,MAAM;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../src/theme/create-popover-tokens.ts"],"sourcesContent":["import type { PopoverTokens, PrimitiveThemeTokens } from \"../types\";\n\nexport function createPopoverTokens(\n tokens: PrimitiveThemeTokens,\n): PopoverTokens {\n return {\n zIndexBase: 3000,\n gap: tokens.space.xs,\n edgeOffset: tokens.space.sm,\n arrowSize: 6,\n maxWidth: 320,\n actionMinSize: tokens.space.md,\n\n titleFontSize: tokens.fontSize.sm,\n titleLineHeight: tokens.lineHeight.sm,\n descriptionFontSize: tokens.fontSize.xsm,\n descriptionLineHeight: tokens.lineHeight.xsm,\n titleColor: tokens.colors.text.primary,\n descriptionColor: tokens.colors.text.secondary,\n\n surfaces: {\n elevated: {\n ...tokens.colors.surface.elevated,\n borderColor: tokens.colors.border.subtle.value,\n borderWidth: tokens.borderSize.sm,\n borderRadius: tokens.radii.lg,\n paddingHorizontal: tokens.space.sm,\n paddingVertical: tokens.space.sm,\n },\n\n inverse: {\n ...tokens.colors.surface.inverse,\n borderColor: tokens.colors.surface.inverse.value,\n borderWidth: 0,\n borderRadius: tokens.radii.md,\n paddingHorizontal: tokens.space.mxs,\n paddingVertical: tokens.space.xs,\n },\n },\n };\n}\n"],"mappings":"AAEO,SAAS,oBACd,QACe;AACf,SAAO;AAAA,IACL,YAAY;AAAA,IACZ,KAAK,OAAO,MAAM;AAAA,IAClB,YAAY,OAAO,MAAM;AAAA,IACzB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,eAAe,OAAO,MAAM;AAAA,IAE5B,eAAe,OAAO,SAAS;AAAA,IAC/B,iBAAiB,OAAO,WAAW;AAAA,IACnC,qBAAqB,OAAO,SAAS;AAAA,IACrC,uBAAuB,OAAO,WAAW;AAAA,IACzC,YAAY,OAAO,OAAO,KAAK;AAAA,IAC/B,kBAAkB,OAAO,OAAO,KAAK;AAAA,IAErC,UAAU;AAAA,MACR,UAAU;AAAA,QACR,GAAG,OAAO,OAAO,QAAQ;AAAA,QACzB,aAAa,OAAO,OAAO,OAAO,OAAO;AAAA,QACzC,aAAa,OAAO,WAAW;AAAA,QAC/B,cAAc,OAAO,MAAM;AAAA,QAC3B,mBAAmB,OAAO,MAAM;AAAA,QAChC,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,MAEA,SAAS;AAAA,QACP,GAAG,OAAO,OAAO,QAAQ;AAAA,QACzB,aAAa,OAAO,OAAO,QAAQ,QAAQ;AAAA,QAC3C,aAAa;AAAA,QACb,cAAc,OAAO,MAAM;AAAA,QAC3B,mBAAmB,OAAO,MAAM;AAAA,QAChC,iBAAiB,OAAO,MAAM;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AACF;","names":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@impulse-ui-native/theme",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.3.0",
|
|
4
4
|
"description": "Theme tokens, providers, and styling utilities for ImpulseUI Native.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react-native",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
],
|
|
29
29
|
"sideEffects": false,
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@impulse-ui-native/core": "6.
|
|
31
|
+
"@impulse-ui-native/core": "6.3.0"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@types/react": "~19.2.14",
|