@oneli8/tokens 1.0.0-beta.3 → 1.0.0-beta.4
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/AGENTS.md +12 -0
- package/FONTS-LICENSE.txt +113 -0
- package/PRINCIPLES.md +48 -0
- package/ai-context.json +53 -0
- package/build/css/tokens.css +846 -0
- package/build/figma/variables.json +7535 -0
- package/build/manifest.json +22 -0
- package/build/status/components.json +235 -0
- package/build/tailwind/preset.mjs +258 -0
- package/build/tailwind/theme.css +125 -0
- package/build/typescript/index.d.ts +10 -0
- package/build/typescript/index.js +6933 -0
- package/fonts/ar-one-sans-latin-ext.woff2 +0 -0
- package/fonts/ar-one-sans-latin.woff2 +0 -0
- package/fonts/ar-one-sans-vietnamese.woff2 +0 -0
- package/fonts/syne-greek.woff2 +0 -0
- package/fonts/syne-latin-ext.woff2 +0 -0
- package/fonts/syne-latin.woff2 +0 -0
- package/fonts.css +63 -0
- package/overrides.example.css +53 -0
- package/package.json +30 -16
- package/schema/component-status.schema.json +32 -0
- package/schema/token-file.schema.json +31 -0
- package/scripts/build.mjs +246 -0
- package/scripts/test.mjs +96 -0
- package/src/component.json +1011 -0
- package/src/figma-code-syntax.txt +551 -0
- package/src/primitive.json +1105 -0
- package/src/semantic.json +1998 -0
- package/src/themes.json +823 -0
- package/status/components.json +16 -0
- package/dist/figma/variables.json +0 -3682
- package/dist/status/components.json +0 -158
- package/dist/tailwind/preset.mjs +0 -335
- package/dist/tailwind/theme.css +0 -303
- package/dist/tokens.css +0 -597
- package/dist/tokens.d.ts +0 -391
- package/dist/tokens.js +0 -387
- package/src/tokens.json +0 -1936
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
// @generated by @oneli8/tokens — do not edit
|
|
2
|
+
export type TokenPath = "border.width.hairline" | "border.width.none" | "border.width.standard" | "border.width.strong" | "color.actionDestructive.content" | "color.actionDestructive.default" | "color.actionDestructive.disabled" | "color.actionDestructive.disabledContent" | "color.actionDestructive.hover" | "color.actionDestructive.pressed" | "color.actionPrimary.content" | "color.actionPrimary.default" | "color.actionPrimary.disabled" | "color.actionPrimary.disabledContent" | "color.actionPrimary.hover" | "color.actionPrimary.pressed" | "color.actionQuiet.contentDefault" | "color.actionQuiet.contentDisabled" | "color.actionQuiet.contentHover" | "color.actionQuiet.contentPressed" | "color.actionQuiet.surfaceDefault" | "color.actionQuiet.surfaceDisabled" | "color.actionQuiet.surfaceHover" | "color.actionQuiet.surfacePressed" | "color.actionSecondary.contentDefault" | "color.actionSecondary.contentDisabled" | "color.actionSecondary.contentHover" | "color.actionSecondary.contentPressed" | "color.actionSecondary.surfaceDefault" | "color.actionSecondary.surfaceDisabled" | "color.actionSecondary.surfaceHover" | "color.actionSecondary.surfacePressed" | "color.background.canvas" | "color.background.inverse" | "color.background.subtle" | "color.blue.030" | "color.blue.060" | "color.blue.090" | "color.blue.120" | "color.blue.240" | "color.blue.360" | "color.blue.480" | "color.blue.600" | "color.blue.720" | "color.blue.840" | "color.blue.930" | "color.border.default" | "color.border.disabled" | "color.border.strong" | "color.border.subtle" | "color.control.thumb" | "color.cyan.030" | "color.cyan.060" | "color.cyan.090" | "color.cyan.120" | "color.cyan.240" | "color.cyan.360" | "color.cyan.480" | "color.cyan.600" | "color.cyan.720" | "color.cyan.840" | "color.cyan.930" | "color.feedbackCaution.content" | "color.feedbackCaution.inlineContent" | "color.feedbackCaution.surface" | "color.feedbackCritical.content" | "color.feedbackCritical.inlineContent" | "color.feedbackCritical.surface" | "color.feedbackInformative.content" | "color.feedbackInformative.inlineContent" | "color.feedbackInformative.surface" | "color.feedbackPositive.content" | "color.feedbackPositive.inlineContent" | "color.feedbackPositive.surface" | "color.focus.inner" | "color.focus.outer" | "color.green.030" | "color.green.060" | "color.green.090" | "color.green.120" | "color.green.240" | "color.green.360" | "color.green.480" | "color.green.600" | "color.green.720" | "color.green.840" | "color.green.930" | "color.icon.disabled" | "color.icon.inverse" | "color.icon.muted" | "color.icon.onGem" | "color.icon.primary" | "color.icon.secondary" | "color.iconButton.quietHoverSurface" | "color.iconButton.secondaryHoverSurface" | "color.navigationBadge.contentDefault" | "color.navigationBadge.contentGem" | "color.navigationBadge.contentSelected" | "color.navigationBadge.surfaceDefault" | "color.navigationBadge.surfaceGem" | "color.navigationBadge.surfaceSelected" | "color.neutral.030" | "color.neutral.060" | "color.neutral.090" | "color.neutral.120" | "color.neutral.240" | "color.neutral.360" | "color.neutral.480" | "color.neutral.600" | "color.neutral.720" | "color.neutral.840" | "color.neutral.930" | "color.orange.030" | "color.orange.060" | "color.orange.090" | "color.orange.120" | "color.orange.240" | "color.orange.360" | "color.orange.480" | "color.orange.600" | "color.orange.720" | "color.orange.840" | "color.orange.930" | "color.pink.030" | "color.pink.060" | "color.pink.090" | "color.pink.120" | "color.pink.240" | "color.pink.360" | "color.pink.480" | "color.pink.600" | "color.pink.720" | "color.pink.840" | "color.pink.930" | "color.primary.030" | "color.primary.060" | "color.primary.090" | "color.primary.120" | "color.primary.240" | "color.primary.360" | "color.primary.480" | "color.primary.600" | "color.primary.720" | "color.primary.840" | "color.primary.930" | "color.red.030" | "color.red.060" | "color.red.090" | "color.red.120" | "color.red.240" | "color.red.360" | "color.red.480" | "color.red.600" | "color.red.720" | "color.red.840" | "color.red.930" | "color.scrim.pressed" | "color.selection.content" | "color.selection.surface" | "color.surface.default" | "color.surface.disabled" | "color.surface.raised" | "color.surface.selected" | "color.surface.sunken" | "color.text.disabled" | "color.text.inverse" | "color.text.link.default" | "color.text.link.hover" | "color.text.link.pressed" | "color.text.link.visited" | "color.text.muted" | "color.text.primary" | "color.text.secondary" | "color.violet.030" | "color.violet.060" | "color.violet.090" | "color.violet.120" | "color.violet.240" | "color.violet.360" | "color.violet.480" | "color.violet.600" | "color.violet.720" | "color.violet.840" | "color.violet.930" | "color.yellow.030" | "color.yellow.060" | "color.yellow.090" | "color.yellow.120" | "color.yellow.240" | "color.yellow.360" | "color.yellow.480" | "color.yellow.600" | "color.yellow.720" | "color.yellow.840" | "color.yellow.930" | "component.button.gap.comfortable" | "component.button.gap.compact" | "component.button.height.comfortable" | "component.button.height.compact" | "component.button.height.large" | "component.button.height.standard" | "component.button.icon.comfortable" | "component.button.icon.compact" | "component.button.paddingInline.comfortable" | "component.button.paddingInline.compact" | "component.button.paddingInline.large" | "component.button.paddingInline.standard" | "component.button.radius.comfortable" | "component.button.radius.compact" | "component.button.radius.large" | "component.button.radius.standard" | "component.button.secondaryBoundary" | "component.button.target.comfortable" | "component.button.target.compact" | "component.button.target.large" | "component.button.target.standard" | "component.checkbox.boundary" | "component.checkbox.mark.mixedWidth" | "component.checkbox.mark.stroke" | "component.checkbox.radius.comfortable" | "component.checkbox.radius.compact" | "component.choice.gap.compact" | "component.choice.gap.large" | "component.choice.gap.standard" | "component.choice.indicator.comfortable" | "component.choice.indicator.compact" | "component.choice.opticalStroke" | "component.choice.rowMinimum" | "component.choiceChip.bezelInset" | "component.choiceChip.centerCut" | "component.choiceChip.gap" | "component.choiceChip.height.comfortable" | "component.choiceChip.height.compact" | "component.choiceChip.height.large" | "component.choiceChip.height.standard" | "component.choiceChip.innerCenterCut" | "component.choiceChip.innerTerminal" | "component.choiceChip.inset.comfortable" | "component.choiceChip.inset.compact" | "component.choiceChip.inset.large" | "component.choiceChip.inset.standard" | "component.choiceChip.mark" | "component.choiceChip.markGap" | "component.choiceChip.target.large" | "component.choiceChip.target.standard" | "component.choiceChip.terminal" | "component.icon.stroke" | "component.iconButton.artwork.comfortable" | "component.iconButton.artwork.compact" | "component.iconButton.artwork.large" | "component.iconButton.artwork.standard" | "component.iconButton.box.comfortable" | "component.iconButton.box.compact" | "component.iconButton.box.large" | "component.iconButton.box.standard" | "component.iconButton.pressedScrim" | "component.iconButton.radius.circle" | "component.iconButton.radius.comfortable" | "component.iconButton.radius.compact" | "component.iconButton.radius.large" | "component.iconButton.radius.standard" | "component.iconButton.target.comfortable" | "component.iconButton.target.compact" | "component.iconButton.target.large" | "component.iconButton.target.standard" | "component.link.gap.large" | "component.link.gap.small" | "component.link.gap.standard" | "component.link.targetNavigation" | "component.link.underline.default" | "component.link.underline.emphasis" | "component.link.underline.offset" | "component.navigation.focusInset" | "component.navigation.icon" | "component.navigation.itemGap" | "component.navigation.target" | "component.opticalStroke" | "component.radio.boundary" | "component.radio.dot.comfortable" | "component.radio.dot.compact" | "component.segmentedControl.boundary" | "component.segmentedControl.itemRadius" | "component.segmentedControl.line" | "component.segmentedControl.outlinedGap" | "component.segmentedControl.trackInset" | "component.segmentedControl.trackRadius" | "component.selectionOption.check" | "component.selectionOption.inset.large" | "component.selectionOption.inset.standard" | "component.selectionOption.minimum.large" | "component.selectionOption.minimum.standard" | "component.selectionPopup.gap" | "component.selectionPopup.maximumBlock.large" | "component.selectionPopup.maximumBlock.standard" | "component.selectionPopup.paddingBlock" | "component.selectionPopup.paddingInline" | "component.selectionPopup.railInsetInline" | "component.suggestionRail.fieldSeparation" | "component.suggestionRail.gap" | "component.switch.inset" | "component.switch.thumb.comfortable" | "component.switch.thumb.compact" | "component.switch.thumbIcon.comfortable" | "component.switch.thumbIcon.compact" | "component.switch.trackHeight.comfortable" | "component.switch.trackHeight.compact" | "component.switch.trackWidth.comfortable" | "component.switch.trackWidth.compact" | "component.switch.travel.comfortable" | "component.switch.travel.compact" | "component.tabBar.gap" | "component.tabBar.inlineInset" | "component.tabBar.inset" | "component.tabBar.itemRadius" | "component.tabBar.radius" | "component.tabItem.height.comfortable" | "component.tabItem.height.compact" | "component.tabItem.height.large" | "component.tabItem.height.standard" | "component.tabItem.indicatorInset" | "component.tabItem.indicatorThickness" | "component.tabItem.inset.comfortable" | "component.tabItem.inset.compact" | "component.tabItem.inset.large" | "component.tabItem.inset.standard" | "component.tabItem.radius" | "component.tabItem.rail" | "component.textField.boundary" | "component.textField.gap.label" | "component.textField.gap.messageCounter" | "component.textField.gap.status" | "component.textField.gap.supporting" | "component.textField.height.comfortable" | "component.textField.height.compact" | "component.textField.height.large" | "component.textField.height.standard" | "component.textField.inset.comfortable" | "component.textField.inset.compact" | "component.textField.inset.large" | "component.textField.inset.standard" | "component.textField.radius.comfortable" | "component.textField.radius.compact" | "component.textField.radius.large" | "component.textField.radius.standard" | "component.tokenField.gap" | "component.tokenField.minimumInput" | "component.tokenField.paddingBlock" | "dimension.scale.000" | "dimension.scale.003" | "dimension.scale.006" | "dimension.scale.009" | "dimension.scale.012" | "dimension.scale.015" | "dimension.scale.018" | "dimension.scale.024" | "dimension.scale.030" | "dimension.scale.036" | "dimension.scale.042" | "dimension.scale.048" | "dimension.scale.060" | "dimension.scale.072" | "dimension.scale.084" | "dimension.scale.096" | "dimension.scale.108" | "elevation.surface.blocking" | "elevation.surface.flat" | "elevation.surface.floating" | "elevation.surface.overlay" | "elevation.surface.raised" | "focus.ring.innerWidth" | "focus.ring.offset" | "focus.ring.outerWidth" | "focus.ring.totalWidth" | "font.axis.arrr.baseline" | "font.family.display" | "font.family.fallback" | "font.family.functional" | "font.line.018" | "font.line.024" | "font.line.030" | "font.line.039" | "font.line.048" | "font.line.060" | "font.line.072" | "font.line.096" | "font.line.126" | "font.size.012" | "font.size.016" | "font.size.021" | "font.size.030" | "font.size.039" | "font.size.051" | "font.size.066" | "font.size.090" | "font.size.120" | "font.tracking.displaySoft" | "font.tracking.normal" | "font.tracking.open" | "font.tracking.snug" | "font.tracking.tight" | "font.tracking.tighter" | "font.tracking.titleSoft" | "font.tracking.titleTight" | "font.weight.bold" | "font.weight.regular" | "font.weight.semibold" | "layer.stack.base" | "layer.stack.modal" | "layer.stack.notification" | "layer.stack.overlay" | "layer.stack.sticky" | "material.control.gem.blur" | "material.control.gem.gradient.end" | "material.control.gem.gradient.mid" | "material.control.gem.gradient.start" | "material.control.gem.primary.content" | "material.control.gem.primary.end" | "material.control.gem.primary.hoverEnd" | "material.control.gem.primary.hoverMid" | "material.control.gem.primary.hoverStart" | "material.control.gem.primary.loadingEnd" | "material.control.gem.primary.loadingMid" | "material.control.gem.primary.loadingStart" | "material.control.gem.primary.mid" | "material.control.gem.primary.start" | "material.control.gem.rim.default" | "material.control.gem.rim.hover" | "material.control.gem.rim.specular" | "material.control.gem.secondary.content" | "material.control.gem.secondary.high" | "material.control.gem.secondary.hoverHigh" | "material.control.gem.secondary.hoverLow" | "material.control.gem.secondary.hoverMid" | "material.control.gem.secondary.loadingHigh" | "material.control.gem.secondary.loadingLow" | "material.control.gem.secondary.loadingMid" | "material.control.gem.secondary.low" | "material.control.gem.secondary.mid" | "material.gem.blur.environmental" | "material.gem.blur.stabilized" | "material.gem.color.cutEdge.high" | "material.gem.color.cutEdge.low" | "material.gem.color.cutEdge.mid" | "material.gem.color.cutEdge.outerAccent" | "material.gem.color.cutEdge.outerHigh" | "material.gem.color.cutEdge.outerLow" | "material.gem.color.cutEdge.outerMid" | "material.gem.color.cutEdge.shadow" | "material.gem.color.facet.cool" | "material.gem.color.facet.warm" | "material.gem.color.family.amethyst.edge" | "material.gem.color.family.amethyst.environmentalFace" | "material.gem.color.family.amethyst.innerHigh" | "material.gem.color.family.amethyst.innerLow" | "material.gem.color.family.amethyst.innerMid" | "material.gem.color.family.amethyst.opaqueEquivalent" | "material.gem.color.family.amethyst.stabilizedFace" | "material.gem.color.family.emerald.edge" | "material.gem.color.family.emerald.environmentalFace" | "material.gem.color.family.emerald.innerHigh" | "material.gem.color.family.emerald.innerLow" | "material.gem.color.family.emerald.innerMid" | "material.gem.color.family.emerald.opaqueEquivalent" | "material.gem.color.family.emerald.stabilizedFace" | "material.gem.color.family.ruby.edge" | "material.gem.color.family.ruby.environmentalFace" | "material.gem.color.family.ruby.innerHigh" | "material.gem.color.family.ruby.innerLow" | "material.gem.color.family.ruby.innerMid" | "material.gem.color.family.ruby.opaqueEquivalent" | "material.gem.color.family.ruby.stabilizedFace" | "material.gem.color.family.sapphire.edge" | "material.gem.color.family.sapphire.environmentalFace" | "material.gem.color.family.sapphire.innerHigh" | "material.gem.color.family.sapphire.innerLow" | "material.gem.color.family.sapphire.innerMid" | "material.gem.color.family.sapphire.opaqueEquivalent" | "material.gem.color.family.sapphire.stabilizedFace" | "material.gem.color.innerThinCut.face" | "material.gem.color.innerThinCut.high" | "material.gem.color.innerThinCut.low" | "material.gem.color.innerThinCut.mid" | "material.gem.color.quiet.environmentalFace" | "material.gem.color.quiet.opaqueEquivalent" | "material.gem.color.quiet.stabilizedFace" | "material.gem.opacity.cutDark" | "material.gem.opacity.cutLight" | "material.gem.opacity.edgeHigh" | "material.gem.opacity.edgeLow" | "material.gem.opacity.environmental" | "material.gem.spacing.clusterGap" | "material.gem.spacing.innerSeparation" | "material.gem.spacing.slabInset" | "motion.distance.expansive" | "motion.distance.large" | "motion.distance.minimal" | "motion.distance.short" | "motion.distance.standard" | "motion.duration.deliberate" | "motion.duration.extended" | "motion.duration.fast" | "motion.duration.instant" | "motion.duration.measured" | "motion.duration.quick" | "motion.duration.slow" | "motion.duration.standard" | "motion.easing.enter" | "motion.easing.exit" | "motion.easing.linear" | "motion.easing.standard" | "motion.interaction.focus" | "motion.interaction.hover" | "motion.interaction.press" | "motion.spring.gentle.blend" | "motion.spring.gentle.damping" | "motion.spring.gentle.response" | "motion.spring.interactive.blend" | "motion.spring.interactive.damping" | "motion.spring.interactive.response" | "motion.spring.standard.blend" | "motion.spring.standard.damping" | "motion.spring.standard.response" | "motion.state.change" | "shape.radius.comfortable" | "shape.radius.compact" | "shape.radius.container" | "shape.radius.display" | "shape.radius.full" | "shape.radius.medium" | "shape.radius.none" | "shape.radius.standard" | "shape.radius.subtle" | "size.avatar.display" | "size.avatar.large" | "size.avatar.micro" | "size.avatar.small" | "size.avatar.standard" | "size.avatar.xlarge" | "size.control.comfortable" | "size.control.compact" | "size.control.large" | "size.control.standard" | "size.icon.compact" | "size.icon.display" | "size.icon.hero" | "size.icon.landmark" | "size.icon.large" | "size.icon.medium" | "size.icon.micro" | "size.icon.small" | "size.icon.spacious" | "size.icon.standard" | "size.icon.xlarge" | "size.indicator.large" | "size.indicator.micro" | "size.indicator.small" | "size.indicator.standard" | "size.loader.display" | "size.loader.large" | "size.loader.small" | "size.loader.standard" | "size.target.comfortable" | "size.target.minimum" | "size.target.spacious" | "spacing.inline.minimal" | "spacing.inline.related" | "spacing.inline.standard" | "spacing.inset.comfortable" | "spacing.inset.compact" | "spacing.inset.spacious" | "spacing.inset.standard" | "spacing.layout.gutter" | "spacing.layout.margin" | "spacing.layout.region" | "spacing.none" | "spacing.section.compact" | "spacing.section.expansive" | "spacing.section.spacious" | "spacing.section.standard" | "spacing.stack.grouped" | "spacing.stack.related" | "spacing.stack.separated" | "spacing.stack.tight" | "typography.body.large" | "typography.body.medium" | "typography.body.small" | "typography.display.large" | "typography.display.medium" | "typography.display.small" | "typography.title.large" | "typography.title.medium" | "typography.title.small";
|
|
3
|
+
export type ColorScheme = "light" | "dark";
|
|
4
|
+
export type PrimaryFamily = "blue" | "orange" | "green";
|
|
5
|
+
export type TypographyViewport = "compact" | "medium" | "expanded";
|
|
6
|
+
export declare const tokens: Readonly<Record<TokenPath,{readonly type:string;readonly value:unknown;readonly description:string;readonly tier:"primitive"|"semantic"|"component"}>>;
|
|
7
|
+
export declare const tokenPaths: readonly TokenPath[];
|
|
8
|
+
export declare const themeAxes: Readonly<Record<string,readonly string[]>>;
|
|
9
|
+
export declare const themeModes: Readonly<Record<string,unknown>>;
|
|
10
|
+
export default tokens;
|