@highlight-ui/utils-commons
Advanced tools
Comparing version
@@ -1,4 +0,3 @@ | ||
export * from './src/globalConstants'; | ||
export * from './src/types'; | ||
export { default as forkHandlers } from './src/forkHandlers'; | ||
export { parseMetadata, suffixMetadata } from './src/parseMetadata'; |
@@ -15,28 +15,2 @@ 'use strict'; | ||
var ICON_MAP = { | ||
success: { | ||
name: 'check-circle', | ||
}, | ||
info: { | ||
name: 'info-circle', | ||
}, | ||
warning: { | ||
name: 'exclamation-triangle', | ||
}, | ||
danger: { | ||
name: 'exclamation-circle', | ||
}, | ||
}; | ||
var THEME_COLOR_TOKEN_MAP = { | ||
default: 'cool-gray-lighter', | ||
primary: 'primary-brand-accent', | ||
success: 'ui-success', | ||
info: 'primary-brand-accent', | ||
warning: 'ui-warning', | ||
'warning-light': 'ui-warning-lightest', | ||
danger: 'ui-danger', | ||
dark: 'support-black', | ||
light: 'white', | ||
}; | ||
var forkHandlers = function (handlers) { return function (e) { | ||
@@ -84,4 +58,2 @@ handlers.forEach(function (handler) { | ||
exports.ICON_MAP = ICON_MAP; | ||
exports.THEME_COLOR_TOKEN_MAP = THEME_COLOR_TOKEN_MAP; | ||
exports.forkHandlers = forkHandlers; | ||
@@ -88,0 +60,0 @@ exports.parseMetadata = parseMetadata; |
@@ -1,5 +0,6 @@ | ||
import { ColorToken, Theme } from './types'; | ||
import { IconColorToken } from '@highlight-ui/icon'; | ||
import { Theme } from './types'; | ||
export declare const ICON_MAP: Record<Extract<Theme, 'success' | 'info' | 'warning' | 'danger'>, { | ||
name: string; | ||
}>; | ||
export declare const THEME_COLOR_TOKEN_MAP: Record<Extract<Theme, 'default' | 'primary' | 'success' | 'info' | 'warning' | 'warning-light' | 'danger' | 'dark' | 'light'>, ColorToken>; | ||
export declare const THEME_ICON_COLOR_TOKEN_MAP: Record<Extract<Theme, 'success' | 'info' | 'warning' | 'danger'>, IconColorToken>; |
@@ -0,1 +1,2 @@ | ||
import colorTokens from '@highlight-ui/tokens/dist/colors.json'; | ||
export declare type FontFamily = 'regular' | 'light' | 'solid'; | ||
@@ -7,4 +8,2 @@ /** | ||
export declare type Size = 'small' | 'medium' | 'large'; | ||
export declare type Theme = 'dark' | 'danger' | 'default' | 'info' | 'light' | 'tertiary' | 'primary' | 'success' | 'transparent' | 'warning-light' | 'warning'; | ||
export declare type ColorToken = 'cool-gray-dark' | 'cool-gray-light' | 'cool-gray-lighter' | 'neutral-gray' | 'neutral-gray-dark' | 'neutral-gray-darker' | 'neutral-gray-darkest' | 'neutral-gray-light' | 'neutral-gray-lighter' | 'primary-brand-accent' | 'primary-brand-accent-dark' | 'primary-brand-accent-darker' | 'primary-brand-accent-darkest' | 'primary-brand-accent-lightest' | 'support-black' | 'support-blue' | 'support-blue-dark' | 'support-blue-darker' | 'support-brown' | 'support-brown-dark' | 'support-brown-light' | 'support-darkblue' | 'support-darkblue-dark' | 'support-darkblue-darker' | 'support-darkpurple' | 'support-darkpurple-dark' | 'support-darkpurple-darker' | 'support-green' | 'support-green-dark' | 'support-green-darker' | 'support-grey' | 'support-grey-dark' | 'support-grey-darker' | 'support-lightgreen' | 'support-lightgreen-dark' | 'support-lightgreen-darker' | 'support-orange' | 'support-orange-dark' | 'support-orange-darker' | 'support-pastel-blue' | 'support-pastel-brown' | 'support-pastel-darkblue' | 'support-pastel-darkpurple' | 'support-pastel-green' | 'support-pastel-grey' | 'support-pastel-lightgreen' | 'support-pastel-orange' | 'support-pastel-pink' | 'support-pastel-purple' | 'support-pastel-red' | 'support-pastel-yellow' | 'support-pink' | 'support-pink-dark' | 'support-pink-darker' | 'support-purple' | 'support-purple-dark' | 'support-purple-light' | 'support-red' | 'support-red-dark' | 'support-red-darker' | 'support-yellow' | 'support-yellow-dark' | 'support-yellow-darker' | 'ui-danger' | 'ui-danger-dark' | 'ui-danger-darker' | 'ui-danger-darkest' | 'ui-danger-lightest' | 'ui-success' | 'ui-success-dark' | 'ui-success-darker' | 'ui-success-darkest' | 'ui-success-lightest' | 'ui-warning' | 'ui-warning-dark' | 'ui-warning-darker' | 'ui-warning-darkest' | 'ui-warning-lightest' | 'white'; | ||
export declare type Direction = 'bottom-left' | 'bottom-right' | 'center' | 'top-left' | 'top-right'; | ||
@@ -25,1 +24,2 @@ export declare type ComponentMetadata = Record<string, string> & { | ||
export declare type ValidationStatus = 'validating' | 'valid' | 'invalid' | 'warning'; | ||
export declare type ColorToken = keyof typeof colorTokens; |
@@ -1,4 +0,3 @@ | ||
export * from './src/globalConstants'; | ||
export * from './src/types'; | ||
export { default as forkHandlers } from './src/forkHandlers'; | ||
export { parseMetadata, suffixMetadata } from './src/parseMetadata'; |
@@ -5,28 +5,2 @@ import kebabCase from 'lodash/fp/kebabCase'; | ||
var ICON_MAP = { | ||
success: { | ||
name: 'check-circle', | ||
}, | ||
info: { | ||
name: 'info-circle', | ||
}, | ||
warning: { | ||
name: 'exclamation-triangle', | ||
}, | ||
danger: { | ||
name: 'exclamation-circle', | ||
}, | ||
}; | ||
var THEME_COLOR_TOKEN_MAP = { | ||
default: 'cool-gray-lighter', | ||
primary: 'primary-brand-accent', | ||
success: 'ui-success', | ||
info: 'primary-brand-accent', | ||
warning: 'ui-warning', | ||
'warning-light': 'ui-warning-lightest', | ||
danger: 'ui-danger', | ||
dark: 'support-black', | ||
light: 'white', | ||
}; | ||
var forkHandlers = function (handlers) { return function (e) { | ||
@@ -74,3 +48,3 @@ handlers.forEach(function (handler) { | ||
export { ICON_MAP, THEME_COLOR_TOKEN_MAP, forkHandlers, parseMetadata, suffixMetadata }; | ||
export { forkHandlers, parseMetadata, suffixMetadata }; | ||
//# sourceMappingURL=index.js.map |
@@ -1,5 +0,6 @@ | ||
import { ColorToken, Theme } from './types'; | ||
import { IconColorToken } from '@highlight-ui/icon'; | ||
import { Theme } from './types'; | ||
export declare const ICON_MAP: Record<Extract<Theme, 'success' | 'info' | 'warning' | 'danger'>, { | ||
name: string; | ||
}>; | ||
export declare const THEME_COLOR_TOKEN_MAP: Record<Extract<Theme, 'default' | 'primary' | 'success' | 'info' | 'warning' | 'warning-light' | 'danger' | 'dark' | 'light'>, ColorToken>; | ||
export declare const THEME_ICON_COLOR_TOKEN_MAP: Record<Extract<Theme, 'success' | 'info' | 'warning' | 'danger'>, IconColorToken>; |
@@ -0,1 +1,2 @@ | ||
import colorTokens from '@highlight-ui/tokens/dist/colors.json'; | ||
export declare type FontFamily = 'regular' | 'light' | 'solid'; | ||
@@ -7,4 +8,2 @@ /** | ||
export declare type Size = 'small' | 'medium' | 'large'; | ||
export declare type Theme = 'dark' | 'danger' | 'default' | 'info' | 'light' | 'tertiary' | 'primary' | 'success' | 'transparent' | 'warning-light' | 'warning'; | ||
export declare type ColorToken = 'cool-gray-dark' | 'cool-gray-light' | 'cool-gray-lighter' | 'neutral-gray' | 'neutral-gray-dark' | 'neutral-gray-darker' | 'neutral-gray-darkest' | 'neutral-gray-light' | 'neutral-gray-lighter' | 'primary-brand-accent' | 'primary-brand-accent-dark' | 'primary-brand-accent-darker' | 'primary-brand-accent-darkest' | 'primary-brand-accent-lightest' | 'support-black' | 'support-blue' | 'support-blue-dark' | 'support-blue-darker' | 'support-brown' | 'support-brown-dark' | 'support-brown-light' | 'support-darkblue' | 'support-darkblue-dark' | 'support-darkblue-darker' | 'support-darkpurple' | 'support-darkpurple-dark' | 'support-darkpurple-darker' | 'support-green' | 'support-green-dark' | 'support-green-darker' | 'support-grey' | 'support-grey-dark' | 'support-grey-darker' | 'support-lightgreen' | 'support-lightgreen-dark' | 'support-lightgreen-darker' | 'support-orange' | 'support-orange-dark' | 'support-orange-darker' | 'support-pastel-blue' | 'support-pastel-brown' | 'support-pastel-darkblue' | 'support-pastel-darkpurple' | 'support-pastel-green' | 'support-pastel-grey' | 'support-pastel-lightgreen' | 'support-pastel-orange' | 'support-pastel-pink' | 'support-pastel-purple' | 'support-pastel-red' | 'support-pastel-yellow' | 'support-pink' | 'support-pink-dark' | 'support-pink-darker' | 'support-purple' | 'support-purple-dark' | 'support-purple-light' | 'support-red' | 'support-red-dark' | 'support-red-darker' | 'support-yellow' | 'support-yellow-dark' | 'support-yellow-darker' | 'ui-danger' | 'ui-danger-dark' | 'ui-danger-darker' | 'ui-danger-darkest' | 'ui-danger-lightest' | 'ui-success' | 'ui-success-dark' | 'ui-success-darker' | 'ui-success-darkest' | 'ui-success-lightest' | 'ui-warning' | 'ui-warning-dark' | 'ui-warning-darker' | 'ui-warning-darkest' | 'ui-warning-lightest' | 'white'; | ||
export declare type Direction = 'bottom-left' | 'bottom-right' | 'center' | 'top-left' | 'top-right'; | ||
@@ -25,1 +24,2 @@ export declare type ComponentMetadata = Record<string, string> & { | ||
export declare type ValidationStatus = 'validating' | 'valid' | 'invalid' | 'warning'; | ||
export declare type ColorToken = keyof typeof colorTokens; |
{ | ||
"name": "@highlight-ui/utils-commons", | ||
"version": "1.3.14", | ||
"version": "2.0.0-alpha.0", | ||
"author": "PPU", | ||
@@ -23,4 +23,4 @@ "main": "dist/cjs/index.js", | ||
"devDependencies": { | ||
"@highlight-ui/configs-base-jest": "^2.0.5", | ||
"@highlight-ui/configs-base-tsconfig": "^2.0.1", | ||
"@highlight-ui/configs-base-jest": "^2.0.6-alpha.0", | ||
"@highlight-ui/configs-base-tsconfig": "^2.1.0-alpha.0", | ||
"@highlight-ui/configs-scripts": "^2.0.2", | ||
@@ -36,3 +36,6 @@ "jest": "^27.2.3", | ||
}, | ||
"gitHead": "d83dc2bd4aaf41c46056098dc5f1c815fb00dc85" | ||
"dependencies": { | ||
"@highlight-ui/tokens": "^0.8.0-alpha.0" | ||
}, | ||
"gitHead": "3c3d92c48ebf625faf853a08bdc3fe8f0a98dc0e" | ||
} |
@@ -15,9 +15,2 @@ # `@highlight-ui/utils-commons` | ||
## Exported Objects | ||
| Name | Description | | ||
| --------------------- | -------------------------------------------------- | | ||
| ICON_MAP | A map for associating validation states with icons | | ||
| THEME_COLOR_TOKEN_MAP | A map for associating themes with color tokens | | ||
## Exported Types | ||
@@ -30,4 +23,2 @@ | ||
| Size | Allowed size variants | | ||
| Theme | Allowed themes | | ||
| ColorToken | Allowed color tokens | | ||
| Direction | Used for positioning elements | | ||
@@ -34,0 +25,0 @@ | ComponentMetadata | Used for specifying required data-attributes for e2e tests | |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
0
-100%18795
-30.46%3
50%234
-21.48%2
100%81
-10%+ Added