npm - @atlaskit/tokens - Versions diffs - 13.0.3 → 13.1.0 - Mend

@atlaskit/tokens 13.0.3 → 13.1.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 (316) hide show

package/codemods/theme-to-design-tokens/utils/legacy-color-meta-map.tsx ADDED Viewed

@@ -0,0 +1,88 @@
+export const legacyColorMetaMap: Record<string, string[]> = {
+	R50: ['danger'],
+	R75: ['danger'],
+	R100: ['danger'],
+	R200: ['danger'],
+	R300: ['danger', 'bold'],
+	R400: ['danger', 'bold'],
+	R500: ['danger', 'bold'],
+	Y50: ['warning'],
+	Y75: ['warning'],
+	Y100: ['warning'],
+	Y200: ['warning'],
+	Y300: ['warning', 'bold'],
+	Y400: ['warning', 'bold'],
+	Y500: ['warning', 'bold'],
+	G50: ['success'],
+	G75: ['success'],
+	G100: ['success'],
+	G200: ['success'],
+	G300: ['success'],
+	G400: ['success'],
+	G500: ['success'],
+	B50: ['information'],
+	B75: ['information'],
+	B100: ['information'],
+	B200: ['information'],
+	B300: ['information', 'bold'],
+	B400: ['information', 'bold'],
+	B500: ['information', 'bold'],
+	P50: ['discovery'],
+	P75: ['discovery'],
+	P100: ['discovery'],
+	P200: ['discovery'],
+	P300: ['discovery', 'bold'],
+	P400: ['discovery', 'bold'],
+	P500: ['discovery', 'bold'],
+	T50: ['accent', 'teal'],
+	T75: ['accent', 'teal'],
+	T100: ['accent', 'teal'],
+	T200: ['accent', 'teal'],
+	T300: ['accent', 'teal'],
+	T400: ['accent', 'teal'],
+	T500: ['accent', 'teal'],
+	N0: ['inverse'],
+	N10: ['neutral'],
+	N20: ['neutral'],
+	N30: ['neutral'],
+	N40: ['neutral'],
+	N50: ['neutral'],
+	N60: ['neutral'],
+	N70: ['neutral'],
+	N80: ['neutral'],
+	N90: ['neutral'],
+	N100: ['neutral'],
+	N200: ['neutral'],
+	N300: ['neutral'],
+	N400: ['neutral'],
+	N500: ['neutral'],
+	N600: ['neutral'],
+	N700: ['neutral'],
+	N800: ['neutral'],
+	N900: ['neutral'],
+	background: ['background', 'default'],
+	backgroundActive: ['background', 'pressed'],
+	backgroundHover: ['background', 'hovered'],
+	backgroundOnLayer: ['background', 'blanket'],
+	text: ['text'],
+	textHover: ['text', 'subtle'],
+	textActive: ['text', 'link', 'pressed'],
+	subtleText: ['text', 'subtlest'],
+	placeholderText: ['text', 'subtlest'],
+	heading: ['text'],
+	subtleHeading: ['text', 'subtle'],
+	link: ['link'],
+	linkHover: ['link', 'hovered'],
+	linkActive: ['link', 'pressed'],
+	linkOutline: ['border', 'selected'],
+	primary: ['brand'],
+	blue: ['accent', 'blue'],
+	teal: ['accent', 'teal'],
+	purple: ['accent', 'purple'],
+	red: ['accent', 'red'],
+	yellow: ['accent', 'orange'],
+	green: ['accent', 'green'],
+	grey: ['background', 'neutral'],
+	skeleton: ['skeleton'],
+	white: ['inverse'],
+};

package/codemods/theme-to-design-tokens/utils/legacy-color-mixins.tsx ADDED Viewed

@@ -0,0 +1,26 @@
+export const legacyColorMixins: string[] = [
+	'background',
+	'backgroundActive',
+	'backgroundHover',
+	'backgroundOnLayer',
+	'text',
+	'textHover',
+	'textActive',
+	'subtleText',
+	'placeholderText',
+	'heading',
+	'subtleHeading',
+	'codeBlock',
+	'link',
+	'linkHover',
+	'linkActive',
+	'linkOutline',
+	'primary',
+	'blue',
+	'teal',
+	'purple',
+	'red',
+	'yellow',
+	'green',
+	'skeleton',
+];

package/codemods/theme-to-design-tokens/utils/legacy-colors.tsx CHANGED Viewed

@@ -115,118 +115,5 @@ export const legacyColors: string[] = [
 	'DN10A',
 ];
-export const legacyColorMixins: string[] = [
-	'background',
-	'backgroundActive',
-	'backgroundHover',
-	'backgroundOnLayer',
-	'text',
-	'textHover',
-	'textActive',
-	'subtleText',
-	'placeholderText',
-	'heading',
-	'subtleHeading',
-	'codeBlock',
-	'link',
-	'linkHover',
-	'linkActive',
-	'linkOutline',
-	'primary',
-	'blue',
-	'teal',
-	'purple',
-	'red',
-	'yellow',
-	'green',
-	'skeleton',
-];
-export const legacyColorMetaMap: Record<string, string[]> = {
-	R50: ['danger'],
-	R75: ['danger'],
-	R100: ['danger'],
-	R200: ['danger'],
-	R300: ['danger', 'bold'],
-	R400: ['danger', 'bold'],
-	R500: ['danger', 'bold'],
-	Y50: ['warning'],
-	Y75: ['warning'],
-	Y100: ['warning'],
-	Y200: ['warning'],
-	Y300: ['warning', 'bold'],
-	Y400: ['warning', 'bold'],
-	Y500: ['warning', 'bold'],
-	G50: ['success'],
-	G75: ['success'],
-	G100: ['success'],
-	G200: ['success'],
-	G300: ['success'],
-	G400: ['success'],
-	G500: ['success'],
-	B50: ['information'],
-	B75: ['information'],
-	B100: ['information'],
-	B200: ['information'],
-	B300: ['information', 'bold'],
-	B400: ['information', 'bold'],
-	B500: ['information', 'bold'],
-	P50: ['discovery'],
-	P75: ['discovery'],
-	P100: ['discovery'],
-	P200: ['discovery'],
-	P300: ['discovery', 'bold'],
-	P400: ['discovery', 'bold'],
-	P500: ['discovery', 'bold'],
-	T50: ['accent', 'teal'],
-	T75: ['accent', 'teal'],
-	T100: ['accent', 'teal'],
-	T200: ['accent', 'teal'],
-	T300: ['accent', 'teal'],
-	T400: ['accent', 'teal'],
-	T500: ['accent', 'teal'],
-	N0: ['inverse'],
-	N10: ['neutral'],
-	N20: ['neutral'],
-	N30: ['neutral'],
-	N40: ['neutral'],
-	N50: ['neutral'],
-	N60: ['neutral'],
-	N70: ['neutral'],
-	N80: ['neutral'],
-	N90: ['neutral'],
-	N100: ['neutral'],
-	N200: ['neutral'],
-	N300: ['neutral'],
-	N400: ['neutral'],
-	N500: ['neutral'],
-	N600: ['neutral'],
-	N700: ['neutral'],
-	N800: ['neutral'],
-	N900: ['neutral'],
-	background: ['background', 'default'],
-	backgroundActive: ['background', 'pressed'],
-	backgroundHover: ['background', 'hovered'],
-	backgroundOnLayer: ['background', 'blanket'],
-	text: ['text'],
-	textHover: ['text', 'subtle'],
-	textActive: ['text', 'link', 'pressed'],
-	subtleText: ['text', 'subtlest'],
-	placeholderText: ['text', 'subtlest'],
-	heading: ['text'],
-	subtleHeading: ['text', 'subtle'],
-	link: ['link'],
-	linkHover: ['link', 'hovered'],
-	linkActive: ['link', 'pressed'],
-	linkOutline: ['border', 'selected'],
-	primary: ['brand'],
-	blue: ['accent', 'blue'],
-	teal: ['accent', 'teal'],
-	purple: ['accent', 'purple'],
-	red: ['accent', 'red'],
-	yellow: ['accent', 'orange'],
-	green: ['accent', 'green'],
-	grey: ['background', 'neutral'],
-	skeleton: ['skeleton'],
-	white: ['inverse'],
-};
+export { legacyColorMixins } from './legacy-color-mixins';
+export { legacyColorMetaMap } from './legacy-color-meta-map';

package/codemods/theme-to-design-tokens/utils/split-at-index.tsx ADDED Viewed

@@ -0,0 +1,3 @@
+export function splitAtIndex(text: string, index: number): [string, string] {
+	return [text.slice(0, index), text.slice(index)];
+}

package/codemods/theme-to-design-tokens/utils/string-utils.tsx CHANGED Viewed

@@ -1,16 +1,3 @@
-export const kebabize: (str: string) => string = (str: string) =>
-	str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? '-' : '') + $.toLowerCase());
-export function findFirstNonspaceIndexAfter(text: string, index: number): number {
-	const rest = text.slice(index + 1);
-	const indexInRest = rest.search(/\S/);
-	if (indexInRest === -1) {
-		return text.length;
-	} else {
-		return index + 1 + indexInRest;
-	}
-}
-export function splitAtIndex(text: string, index: number): [string, string] {
-	return [text.slice(0, index), text.slice(index)];
-}
+export { kebabize } from './kebabize';
+export { findFirstNonspaceIndexAfter } from './find-first-nonspace-index-after';
+export { splitAtIndex } from './split-at-index';

package/codemods/utils/active-tokens.tsx ADDED Viewed

@@ -0,0 +1,284 @@
+export const activeTokens: string[] = [
+	'color.text',
+	'color.text.accent.lime',
+	'color.text.accent.lime.bolder',
+	'color.text.accent.red',
+	'color.text.accent.red.bolder',
+	'color.text.accent.orange',
+	'color.text.accent.orange.bolder',
+	'color.text.accent.yellow',
+	'color.text.accent.yellow.bolder',
+	'color.text.accent.green',
+	'color.text.accent.green.bolder',
+	'color.text.accent.teal',
+	'color.text.accent.teal.bolder',
+	'color.text.accent.blue',
+	'color.text.accent.blue.bolder',
+	'color.text.accent.purple',
+	'color.text.accent.purple.bolder',
+	'color.text.accent.magenta',
+	'color.text.accent.magenta.bolder',
+	'color.text.accent.gray',
+	'color.text.accent.gray.bolder',
+	'color.text.disabled',
+	'color.text.inverse',
+	'color.text.selected',
+	'color.text.brand',
+	'color.text.danger',
+	'color.text.warning',
+	'color.text.warning.inverse',
+	'color.text.success',
+	'color.text.discovery',
+	'color.text.information',
+	'color.text.subtlest',
+	'color.text.subtle',
+	'color.link',
+	'color.link.pressed',
+	'color.link.visited',
+	'color.icon',
+	'color.icon.accent.lime',
+	'color.icon.accent.red',
+	'color.icon.accent.orange',
+	'color.icon.accent.yellow',
+	'color.icon.accent.green',
+	'color.icon.accent.teal',
+	'color.icon.accent.blue',
+	'color.icon.accent.purple',
+	'color.icon.accent.magenta',
+	'color.icon.accent.gray',
+	'color.icon.disabled',
+	'color.icon.inverse',
+	'color.icon.selected',
+	'color.icon.brand',
+	'color.icon.danger',
+	'color.icon.warning',
+	'color.icon.warning.inverse',
+	'color.icon.success',
+	'color.icon.discovery',
+	'color.icon.information',
+	'color.icon.subtle',
+	'color.border',
+	'color.border.accent.lime',
+	'color.border.accent.red',
+	'color.border.accent.orange',
+	'color.border.accent.yellow',
+	'color.border.accent.green',
+	'color.border.accent.teal',
+	'color.border.accent.blue',
+	'color.border.accent.purple',
+	'color.border.accent.magenta',
+	'color.border.accent.gray',
+	'color.border.disabled',
+	'color.border.focused',
+	'color.border.input',
+	'color.border.inverse',
+	'color.border.selected',
+	'color.border.brand',
+	'color.border.danger',
+	'color.border.warning',
+	'color.border.success',
+	'color.border.discovery',
+	'color.border.information',
+	'color.border.bold',
+	'color.background.accent.lime.subtlest',
+	'color.background.accent.lime.subtlest.hovered',
+	'color.background.accent.lime.subtlest.pressed',
+	'color.background.accent.lime.subtler',
+	'color.background.accent.lime.subtler.hovered',
+	'color.background.accent.lime.subtler.pressed',
+	'color.background.accent.lime.subtle',
+	'color.background.accent.lime.subtle.hovered',
+	'color.background.accent.lime.subtle.pressed',
+	'color.background.accent.lime.bolder',
+	'color.background.accent.lime.bolder.hovered',
+	'color.background.accent.lime.bolder.pressed',
+	'color.background.accent.red.subtlest',
+	'color.background.accent.red.subtlest.hovered',
+	'color.background.accent.red.subtlest.pressed',
+	'color.background.accent.red.subtler',
+	'color.background.accent.red.subtler.hovered',
+	'color.background.accent.red.subtler.pressed',
+	'color.background.accent.red.subtle',
+	'color.background.accent.red.subtle.hovered',
+	'color.background.accent.red.subtle.pressed',
+	'color.background.accent.red.bolder',
+	'color.background.accent.red.bolder.hovered',
+	'color.background.accent.red.bolder.pressed',
+	'color.background.accent.orange.subtlest',
+	'color.background.accent.orange.subtlest.hovered',
+	'color.background.accent.orange.subtlest.pressed',
+	'color.background.accent.orange.subtler',
+	'color.background.accent.orange.subtler.hovered',
+	'color.background.accent.orange.subtler.pressed',
+	'color.background.accent.orange.subtle',
+	'color.background.accent.orange.subtle.hovered',
+	'color.background.accent.orange.subtle.pressed',
+	'color.background.accent.orange.bolder',
+	'color.background.accent.orange.bolder.hovered',
+	'color.background.accent.orange.bolder.pressed',
+	'color.background.accent.yellow.subtlest',
+	'color.background.accent.yellow.subtlest.hovered',
+	'color.background.accent.yellow.subtlest.pressed',
+	'color.background.accent.yellow.subtler',
+	'color.background.accent.yellow.subtler.hovered',
+	'color.background.accent.yellow.subtler.pressed',
+	'color.background.accent.yellow.subtle',
+	'color.background.accent.yellow.subtle.hovered',
+	'color.background.accent.yellow.subtle.pressed',
+	'color.background.accent.yellow.bolder',
+	'color.background.accent.yellow.bolder.hovered',
+	'color.background.accent.yellow.bolder.pressed',
+	'color.background.accent.green.subtlest',
+	'color.background.accent.green.subtlest.hovered',
+	'color.background.accent.green.subtlest.pressed',
+	'color.background.accent.green.subtler',
+	'color.background.accent.green.subtler.hovered',
+	'color.background.accent.green.subtler.pressed',
+	'color.background.accent.green.subtle',
+	'color.background.accent.green.subtle.hovered',
+	'color.background.accent.green.subtle.pressed',
+	'color.background.accent.green.bolder',
+	'color.background.accent.green.bolder.hovered',
+	'color.background.accent.green.bolder.pressed',
+	'color.background.accent.teal.subtlest',
+	'color.background.accent.teal.subtlest.hovered',
+	'color.background.accent.teal.subtlest.pressed',
+	'color.background.accent.teal.subtler',
+	'color.background.accent.teal.subtler.hovered',
+	'color.background.accent.teal.subtler.pressed',
+	'color.background.accent.teal.subtle',
+	'color.background.accent.teal.subtle.hovered',
+	'color.background.accent.teal.subtle.pressed',
+	'color.background.accent.teal.bolder',
+	'color.background.accent.teal.bolder.hovered',
+	'color.background.accent.teal.bolder.pressed',
+	'color.background.accent.blue.subtlest',
+	'color.background.accent.blue.subtlest.hovered',
+	'color.background.accent.blue.subtlest.pressed',
+	'color.background.accent.blue.subtler',
+	'color.background.accent.blue.subtler.hovered',
+	'color.background.accent.blue.subtler.pressed',
+	'color.background.accent.blue.subtle',
+	'color.background.accent.blue.subtle.hovered',
+	'color.background.accent.blue.subtle.pressed',
+	'color.background.accent.blue.bolder',
+	'color.background.accent.blue.bolder.hovered',
+	'color.background.accent.blue.bolder.pressed',
+	'color.background.accent.purple.subtlest',
+	'color.background.accent.purple.subtlest.hovered',
+	'color.background.accent.purple.subtlest.pressed',
+	'color.background.accent.purple.subtler',
+	'color.background.accent.purple.subtler.hovered',
+	'color.background.accent.purple.subtler.pressed',
+	'color.background.accent.purple.subtle',
+	'color.background.accent.purple.subtle.hovered',
+	'color.background.accent.purple.subtle.pressed',
+	'color.background.accent.purple.bolder',
+	'color.background.accent.purple.bolder.hovered',
+	'color.background.accent.purple.bolder.pressed',
+	'color.background.accent.magenta.subtlest',
+	'color.background.accent.magenta.subtlest.hovered',
+	'color.background.accent.magenta.subtlest.pressed',
+	'color.background.accent.magenta.subtler',
+	'color.background.accent.magenta.subtler.hovered',
+	'color.background.accent.magenta.subtler.pressed',
+	'color.background.accent.magenta.subtle',
+	'color.background.accent.magenta.subtle.hovered',
+	'color.background.accent.magenta.subtle.pressed',
+	'color.background.accent.magenta.bolder',
+	'color.background.accent.magenta.bolder.hovered',
+	'color.background.accent.magenta.bolder.pressed',
+	'color.background.accent.gray.subtlest',
+	'color.background.accent.gray.subtlest.hovered',
+	'color.background.accent.gray.subtlest.pressed',
+	'color.background.accent.gray.subtler',
+	'color.background.accent.gray.subtler.hovered',
+	'color.background.accent.gray.subtler.pressed',
+	'color.background.accent.gray.subtle',
+	'color.background.accent.gray.subtle.hovered',
+	'color.background.accent.gray.subtle.pressed',
+	'color.background.accent.gray.bolder',
+	'color.background.accent.gray.bolder.hovered',
+	'color.background.accent.gray.bolder.pressed',
+	'color.background.disabled',
+	'color.background.input',
+	'color.background.input.hovered',
+	'color.background.input.pressed',
+	'color.background.inverse.subtle',
+	'color.background.inverse.subtle.hovered',
+	'color.background.inverse.subtle.pressed',
+	'color.background.neutral',
+	'color.background.neutral.hovered',
+	'color.background.neutral.pressed',
+	'color.background.neutral.subtle',
+	'color.background.neutral.subtle.hovered',
+	'color.background.neutral.subtle.pressed',
+	'color.background.neutral.bold',
+	'color.background.neutral.bold.hovered',
+	'color.background.neutral.bold.pressed',
+	'color.background.selected',
+	'color.background.selected.hovered',
+	'color.background.selected.pressed',
+	'color.background.selected.bold',
+	'color.background.selected.bold.hovered',
+	'color.background.selected.bold.pressed',
+	'color.background.brand.subtlest',
+	'color.background.brand.subtlest.hovered',
+	'color.background.brand.subtlest.pressed',
+	'color.background.brand.bold',
+	'color.background.brand.bold.hovered',
+	'color.background.brand.bold.pressed',
+	'color.background.brand.boldest',
+	'color.background.brand.boldest.hovered',
+	'color.background.brand.boldest.pressed',
+	'color.background.danger',
+	'color.background.danger.hovered',
+	'color.background.danger.pressed',
+	'color.background.danger.bold',
+	'color.background.danger.bold.hovered',
+	'color.background.danger.bold.pressed',
+	'color.background.warning',
+	'color.background.warning.hovered',
+	'color.background.warning.pressed',
+	'color.background.warning.bold',
+	'color.background.warning.bold.hovered',
+	'color.background.warning.bold.pressed',
+	'color.background.success',
+	'color.background.success.hovered',
+	'color.background.success.pressed',
+	'color.background.success.bold',
+	'color.background.success.bold.hovered',
+	'color.background.success.bold.pressed',
+	'color.background.discovery',
+	'color.background.discovery.hovered',
+	'color.background.discovery.pressed',
+	'color.background.discovery.bold',
+	'color.background.discovery.bold.hovered',
+	'color.background.discovery.bold.pressed',
+	'color.background.information',
+	'color.background.information.hovered',
+	'color.background.information.pressed',
+	'color.background.information.bold',
+	'color.background.information.bold.hovered',
+	'color.background.information.bold.pressed',
+	'color.blanket',
+	'color.blanket.selected',
+	'color.blanket.danger',
+	'color.skeleton',
+	'color.skeleton.subtle',
+	'elevation.surface',
+	'elevation.surface.hovered',
+	'elevation.surface.pressed',
+	'elevation.surface.overlay',
+	'elevation.surface.overlay.hovered',
+	'elevation.surface.overlay.pressed',
+	'elevation.surface.raised',
+	'elevation.surface.raised.hovered',
+	'elevation.surface.raised.pressed',
+	'elevation.surface.sunken',
+	'elevation.shadow.overlay',
+	'elevation.shadow.raised',
+	'opacity.disabled',
+	'opacity.loading',
+	'utility.elevation.surface.current',
+];