npm - @refineui/tokens - Versions diffs - 1.0.0 - Mend

@refineui/tokens 1.0.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.

Files changed (20) hide show

package/README.md +80 -0
package/dist/css-variables.css +672 -0
package/dist/index.d.mts +1049 -0
package/dist/index.d.ts +1049 -0
package/dist/index.js +978 -0
package/dist/index.mjs +921 -0
package/dist/refineui-typography.css +111 -0
package/dist/spec/component-sizes.json +485 -0
package/dist/spec/focus.json +20 -0
package/dist/spec/foundation.json +90 -0
package/dist/spec/index.json +25 -0
package/dist/spec/motion.json +78 -0
package/dist/spec/semantic-colors.json +1256 -0
package/dist/spec/semantic-text.json +173 -0
package/dist/spec/token-graph.json +1194 -0
package/dist/spec/trace-index.json +830 -0
package/dist/spec/trace-v2.json +973 -0
package/dist/tailwind-theme.css +348 -0
package/package.json +50 -0
package/tailwind.css +4 -0

package/dist/spec/trace-index.json ADDED Viewed

@@ -0,0 +1,830 @@
+{
+  "backgroundBrandActive": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-brand-active",
+    "references": [
+      "foundation.neutralBlack",
+      "foundation.primaryLightGray"
+    ],
+    "themes": {
+      "light": "neutralBlack",
+      "dark": "primaryLightGray"
+    }
+  },
+  "backgroundBrandDisabled": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-brand-disabled",
+    "references": [
+      "foundation.neutral150",
+      "foundation.neutral650"
+    ],
+    "themes": {
+      "light": "neutral150",
+      "dark": "neutral650"
+    }
+  },
+  "backgroundBrandHover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-brand-hover",
+    "references": [
+      "foundation.primaryDarkGray",
+      "foundation.primaryLightGray"
+    ],
+    "themes": {
+      "light": "primaryDarkGray",
+      "dark": "primaryLightGray"
+    }
+  },
+  "backgroundBrandStrong": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-brand-strong",
+    "references": [
+      "foundation.primaryDarkGray",
+      "foundation.primaryGray"
+    ],
+    "themes": {
+      "light": "primaryDarkGray",
+      "dark": "primaryGray"
+    }
+  },
+  "backgroundBrandSubtle": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-brand-subtle",
+    "references": [
+      "foundation.primaryLightGray",
+      "foundation.neutral800"
+    ],
+    "themes": {
+      "light": "primaryLightGray",
+      "dark": "neutral800"
+    }
+  },
+  "backgroundBrand": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-brand",
+    "references": [
+      "foundation.primaryBlack",
+      "foundation.primaryGray"
+    ],
+    "themes": {
+      "light": "primaryBlack",
+      "dark": "primaryGray"
+    }
+  },
+  "backgroundDiscoveryHover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-discovery-hover",
+    "references": [
+      "foundation.purple700",
+      "foundation.purple300"
+    ],
+    "themes": {
+      "light": "purple700",
+      "dark": "purple300"
+    }
+  },
+  "backgroundDiscoverySubtle": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-discovery-subtle",
+    "references": [
+      "foundation.purple100",
+      "foundation.purple900"
+    ],
+    "themes": {
+      "light": "purple100",
+      "dark": "purple900"
+    }
+  },
+  "backgroundDiscovery": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-discovery",
+    "references": [
+      "foundation.purple500",
+      "foundation.purple500"
+    ],
+    "themes": {
+      "light": "purple500",
+      "dark": "purple500"
+    }
+  },
+  "backgroundErrorHover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-error-hover",
+    "references": [
+      "foundation.red700",
+      "foundation.red300"
+    ],
+    "themes": {
+      "light": "red700",
+      "dark": "red300"
+    }
+  },
+  "backgroundErrorSubtle": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-error-subtle",
+    "references": [
+      "foundation.red100",
+      "foundation.red900"
+    ],
+    "themes": {
+      "light": "red100",
+      "dark": "red900"
+    }
+  },
+  "backgroundError": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-error",
+    "references": [
+      "foundation.red500",
+      "foundation.red500"
+    ],
+    "themes": {
+      "light": "red500",
+      "dark": "red500"
+    }
+  },
+  "backgroundInfoHover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-info-hover",
+    "references": [
+      "foundation.blue700",
+      "foundation.blue300"
+    ],
+    "themes": {
+      "light": "blue700",
+      "dark": "blue300"
+    }
+  },
+  "backgroundInfoSubtle": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-info-subtle",
+    "references": [
+      "foundation.blue100",
+      "foundation.blue900"
+    ],
+    "themes": {
+      "light": "blue100",
+      "dark": "blue900"
+    }
+  },
+  "backgroundInfo": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-info",
+    "references": [
+      "foundation.blue500",
+      "foundation.blue500"
+    ],
+    "themes": {
+      "light": "blue500",
+      "dark": "blue500"
+    }
+  },
+  "backgroundPrimaryActive": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-primary-active",
+    "references": [
+      "foundation.neutral150",
+      "foundation.neutral800"
+    ],
+    "themes": {
+      "light": "neutral150",
+      "dark": "neutral800"
+    }
+  },
+  "backgroundPrimaryHover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-primary-hover",
+    "references": [
+      "foundation.neutral100",
+      "foundation.neutral850"
+    ],
+    "themes": {
+      "light": "neutral100",
+      "dark": "neutral850"
+    }
+  },
+  "backgroundPrimary": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-primary",
+    "references": [
+      "foundation.neutralWhite",
+      "foundation.neutral900"
+    ],
+    "themes": {
+      "light": "neutralWhite",
+      "dark": "neutral900"
+    }
+  },
+  "backgroundSuccessHover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-success-hover",
+    "references": [
+      "foundation.green700",
+      "foundation.green300"
+    ],
+    "themes": {
+      "light": "green700",
+      "dark": "green300"
+    }
+  },
+  "backgroundSuccessSubtle": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-success-subtle",
+    "references": [
+      "foundation.green100",
+      "foundation.green900"
+    ],
+    "themes": {
+      "light": "green100",
+      "dark": "green900"
+    }
+  },
+  "backgroundSuccess": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-success",
+    "references": [
+      "foundation.green500",
+      "foundation.green500"
+    ],
+    "themes": {
+      "light": "green500",
+      "dark": "green500"
+    }
+  },
+  "backgroundSurfaceActive": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-surface-active",
+    "references": [
+      "foundation.neutral150",
+      "foundation.neutral700"
+    ],
+    "themes": {
+      "light": "neutral150",
+      "dark": "neutral700"
+    }
+  },
+  "backgroundSurfaceDisabled": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-surface-disabled",
+    "references": [
+      "foundation.neutral150",
+      "foundation.neutral850"
+    ],
+    "themes": {
+      "light": "neutral150",
+      "dark": "neutral850"
+    }
+  },
+  "backgroundSurfaceHover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-surface-hover",
+    "references": [
+      "foundation.neutral100",
+      "foundation.neutral750"
+    ],
+    "themes": {
+      "light": "neutral100",
+      "dark": "neutral750"
+    }
+  },
+  "backgroundSurfaceSelected": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-surface-selected",
+    "references": [
+      "foundation.neutral200",
+      "foundation.neutral650"
+    ],
+    "themes": {
+      "light": "neutral200",
+      "dark": "neutral650"
+    }
+  },
+  "backgroundSurface": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-surface",
+    "references": [
+      "foundation.neutralWhite",
+      "foundation.neutral800"
+    ],
+    "themes": {
+      "light": "neutralWhite",
+      "dark": "neutral800"
+    }
+  },
+  "backgroundWarningHover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-warning-hover",
+    "references": [
+      "foundation.yellow500",
+      "foundation.yellow200"
+    ],
+    "themes": {
+      "light": "yellow500",
+      "dark": "yellow200"
+    }
+  },
+  "backgroundWarningSubtle": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-warning-subtle",
+    "references": [
+      "foundation.yellow100",
+      "foundation.yellow900"
+    ],
+    "themes": {
+      "light": "yellow100",
+      "dark": "yellow900"
+    }
+  },
+  "backgroundWarning": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-background-warning",
+    "references": [
+      "foundation.yellow300",
+      "foundation.yellow300"
+    ],
+    "themes": {
+      "light": "yellow300",
+      "dark": "yellow300"
+    }
+  },
+  "borderDefault": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-border-default",
+    "references": [
+      "foundation.neutral300",
+      "foundation.neutral650"
+    ],
+    "themes": {
+      "light": "neutral300",
+      "dark": "neutral650"
+    }
+  },
+  "borderDisabled": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-border-disabled",
+    "references": [
+      "foundation.neutral250",
+      "foundation.neutral700"
+    ],
+    "themes": {
+      "light": "neutral250",
+      "dark": "neutral700"
+    }
+  },
+  "borderDiscovery": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-border-discovery",
+    "references": [
+      "foundation.purple500",
+      "foundation.purple500"
+    ],
+    "themes": {
+      "light": "purple500",
+      "dark": "purple500"
+    }
+  },
+  "borderError": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-border-error",
+    "references": [
+      "foundation.red500",
+      "foundation.red500"
+    ],
+    "themes": {
+      "light": "red500",
+      "dark": "red500"
+    }
+  },
+  "borderFocus": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-border-focus",
+    "references": [
+      "foundation.neutral750",
+      "foundation.neutral350"
+    ],
+    "themes": {
+      "light": "neutral750",
+      "dark": "neutral350"
+    }
+  },
+  "borderHover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-border-hover",
+    "references": [
+      "foundation.neutral500",
+      "foundation.neutral500"
+    ],
+    "themes": {
+      "light": "neutral500",
+      "dark": "neutral500"
+    }
+  },
+  "borderInfo": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-border-info",
+    "references": [
+      "foundation.blue500",
+      "foundation.blue500"
+    ],
+    "themes": {
+      "light": "blue500",
+      "dark": "blue500"
+    }
+  },
+  "borderStrong": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-border-strong",
+    "references": [
+      "foundation.neutral450",
+      "foundation.neutral550"
+    ],
+    "themes": {
+      "light": "neutral450",
+      "dark": "neutral550"
+    }
+  },
+  "borderSubtle": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-border-subtle",
+    "references": [
+      "foundation.neutral200",
+      "foundation.neutral750"
+    ],
+    "themes": {
+      "light": "neutral200",
+      "dark": "neutral750"
+    }
+  },
+  "borderSuccess": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-border-success",
+    "references": [
+      "foundation.green500",
+      "foundation.green500"
+    ],
+    "themes": {
+      "light": "green500",
+      "dark": "green500"
+    }
+  },
+  "borderWarning": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-border-warning",
+    "references": [
+      "foundation.yellow300",
+      "foundation.yellow300"
+    ],
+    "themes": {
+      "light": "yellow300",
+      "dark": "yellow300"
+    }
+  },
+  "foregroundBrandStrong": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-brand-strong",
+    "references": [
+      "foundation.neutralBlack",
+      "foundation.primaryLightGray"
+    ],
+    "themes": {
+      "light": "neutralBlack",
+      "dark": "primaryLightGray"
+    }
+  },
+  "foregroundBrand": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-brand",
+    "references": [
+      "foundation.primaryBlack",
+      "foundation.primaryGray"
+    ],
+    "themes": {
+      "light": "primaryBlack",
+      "dark": "primaryGray"
+    }
+  },
+  "foregroundDisabled": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-disabled",
+    "references": [
+      "foundation.neutral400",
+      "foundation.neutral600"
+    ],
+    "themes": {
+      "light": "neutral400",
+      "dark": "neutral600"
+    }
+  },
+  "foregroundDiscovery": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-discovery",
+    "references": [
+      "foundation.purple700",
+      "foundation.purple200"
+    ],
+    "themes": {
+      "light": "purple700",
+      "dark": "purple200"
+    }
+  },
+  "foregroundError": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-error",
+    "references": [
+      "foundation.red700",
+      "foundation.red200"
+    ],
+    "themes": {
+      "light": "red700",
+      "dark": "red200"
+    }
+  },
+  "foregroundInfo": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-info",
+    "references": [
+      "foundation.blue700",
+      "foundation.blue200"
+    ],
+    "themes": {
+      "light": "blue700",
+      "dark": "blue200"
+    }
+  },
+  "foregroundInversed": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-inversed",
+    "references": [
+      "foundation.neutralWhite",
+      "foundation.primaryBlack"
+    ],
+    "themes": {
+      "light": "neutralWhite",
+      "dark": "primaryBlack"
+    }
+  },
+  "foregroundLinkActive": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-link-active",
+    "references": [
+      "foundation.blue900",
+      "foundation.blue200"
+    ],
+    "themes": {
+      "light": "blue900",
+      "dark": "blue200"
+    }
+  },
+  "foregroundLinkHover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-link-hover",
+    "references": [
+      "foundation.blue800",
+      "foundation.blue300"
+    ],
+    "themes": {
+      "light": "blue800",
+      "dark": "blue300"
+    }
+  },
+  "foregroundLinkVisited": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-link-visited",
+    "references": [
+      "foundation.blue500",
+      "foundation.blue100"
+    ],
+    "themes": {
+      "light": "blue500",
+      "dark": "blue100"
+    }
+  },
+  "foregroundLink": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-link",
+    "references": [
+      "foundation.blue700",
+      "foundation.blue400"
+    ],
+    "themes": {
+      "light": "blue700",
+      "dark": "blue400"
+    }
+  },
+  "foregroundOnBrand": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-on-brand",
+    "references": [
+      "foundation.neutralWhite",
+      "foundation.neutralBlack"
+    ],
+    "themes": {
+      "light": "neutralWhite",
+      "dark": "neutralBlack"
+    }
+  },
+  "foregroundOnDiscovery": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-on-discovery",
+    "references": [
+      "foundation.neutralWhite",
+      "foundation.neutralBlack"
+    ],
+    "themes": {
+      "light": "neutralWhite",
+      "dark": "neutralBlack"
+    }
+  },
+  "foregroundOnError": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-on-error",
+    "references": [
+      "foundation.neutralWhite",
+      "foundation.neutralBlack"
+    ],
+    "themes": {
+      "light": "neutralWhite",
+      "dark": "neutralBlack"
+    }
+  },
+  "foregroundOnInfo": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-on-info",
+    "references": [
+      "foundation.neutralWhite",
+      "foundation.neutralBlack"
+    ],
+    "themes": {
+      "light": "neutralWhite",
+      "dark": "neutralBlack"
+    }
+  },
+  "foregroundOnSuccess": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-on-success",
+    "references": [
+      "foundation.neutralWhite",
+      "foundation.neutralBlack"
+    ],
+    "themes": {
+      "light": "neutralWhite",
+      "dark": "neutralBlack"
+    }
+  },
+  "foregroundOnWarning": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-on-warning",
+    "references": [
+      "foundation.neutralWhite",
+      "foundation.neutralBlack"
+    ],
+    "themes": {
+      "light": "neutralWhite",
+      "dark": "neutralBlack"
+    }
+  },
+  "foregroundPlaceholder": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-placeholder",
+    "references": [
+      "foundation.neutral450",
+      "foundation.neutral500"
+    ],
+    "themes": {
+      "light": "neutral450",
+      "dark": "neutral500"
+    }
+  },
+  "foregroundPrimaryHover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-primary-hover",
+    "references": [
+      "foundation.neutralBlack",
+      "foundation.neutral100"
+    ],
+    "themes": {
+      "light": "neutralBlack",
+      "dark": "neutral100"
+    }
+  },
+  "foregroundPrimary": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-primary",
+    "references": [
+      "foundation.primaryBlack",
+      "foundation.neutralWhite"
+    ],
+    "themes": {
+      "light": "primaryBlack",
+      "dark": "neutralWhite"
+    }
+  },
+  "foregroundSecondary": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-secondary",
+    "references": [
+      "foundation.neutral600",
+      "foundation.neutral350"
+    ],
+    "themes": {
+      "light": "neutral600",
+      "dark": "neutral350"
+    }
+  },
+  "foregroundSuccess": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-success",
+    "references": [
+      "foundation.green700",
+      "foundation.green200"
+    ],
+    "themes": {
+      "light": "green700",
+      "dark": "green200"
+    }
+  },
+  "foregroundTertiary": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-tertiary",
+    "references": [
+      "foundation.neutral500",
+      "foundation.neutral450"
+    ],
+    "themes": {
+      "light": "neutral500",
+      "dark": "neutral450"
+    }
+  },
+  "foregroundWarning": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-foreground-warning",
+    "references": [
+      "foundation.yellow700",
+      "foundation.yellow200"
+    ],
+    "themes": {
+      "light": "yellow700",
+      "dark": "yellow200"
+    }
+  },
+  "surfaceElevated": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-surface-elevated",
+    "references": [
+      "foundation.neutralWhite",
+      "foundation.neutral700"
+    ],
+    "themes": {
+      "light": "neutralWhite",
+      "dark": "neutral700"
+    }
+  },
+  "surfaceInverse": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-surface-inverse",
+    "references": [
+      "foundation.neutralBlack",
+      "foundation.neutralWhite"
+    ],
+    "themes": {
+      "light": "neutralBlack",
+      "dark": "neutralWhite"
+    }
+  },
+  "surfacePopover": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-surface-popover",
+    "references": [
+      "foundation.neutralWhite",
+      "foundation.neutral750"
+    ],
+    "themes": {
+      "light": "neutralWhite",
+      "dark": "neutral750"
+    }
+  },
+  "surfaceSunken": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-surface-sunken",
+    "references": [
+      "foundation.neutral150",
+      "foundation.neutral800"
+    ],
+    "themes": {
+      "light": "neutral150",
+      "dark": "neutral800"
+    }
+  },
+  "surfaceTooltip": {
+    "layer": "semantic",
+    "cssVar": "--refineui-color-alias-surface-tooltip",
+    "references": [
+      "foundation.neutral750",
+      "foundation.neutral300"
+    ],
+    "themes": {
+      "light": "neutral750",
+      "dark": "neutral300"
+    }
+  }
+}