@atlaskit/tokens 13.1.0 → 13.1.1
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/CHANGELOG.md +8 -0
- package/codemods/css-to-design-tokens/lib/colors.tsx +3 -8
- package/codemods/css-to-design-tokens/lib/declaration.tsx +3 -13
- package/codemods/css-to-design-tokens/lib/extract-between-parentheses.tsx +4 -0
- package/codemods/css-to-design-tokens/lib/extract-less-var-name.tsx +3 -0
- package/codemods/css-to-design-tokens/lib/get-css-var-meta.tsx +13 -0
- package/codemods/css-to-design-tokens/lib/get-named-color-meta.tsx +5 -0
- package/codemods/css-to-design-tokens/lib/get-raw-color-meta.tsx +11 -0
- package/codemods/css-to-design-tokens/lib/is-css-declaration.tsx +3 -0
- package/codemods/css-to-design-tokens/lib/is-known-css-variable.tsx +5 -0
- package/codemods/css-to-design-tokens/lib/known-named-colors.tsx +150 -0
- package/codemods/css-to-design-tokens/lib/known-raw-colors.tsx +17 -0
- package/codemods/css-to-design-tokens/lib/known-variables.tsx +167 -0
- package/codemods/css-to-design-tokens/lib/legacy-colors.tsx +3 -335
- package/codemods/css-to-design-tokens/lib/meta.tsx +3 -28
- package/codemods/css-to-design-tokens/lib/split-css-value.tsx +4 -0
- package/codemods/css-to-design-tokens/lib/value.tsx +6 -9
- package/codemods/css-to-design-tokens/transform.tsx +3 -1
- package/dist/cjs/artifacts/palettes-raw/palette.js +35 -1
- package/dist/cjs/entry-points/theme-state-transformer.js +4 -3
- package/dist/cjs/get-custom-theme-styles.js +7 -6
- package/dist/cjs/get-global-theme.js +2 -2
- package/dist/cjs/get-theme-html-attrs.js +2 -2
- package/dist/cjs/index.js +4 -3
- package/dist/cjs/is-color-mode.js +9 -0
- package/dist/cjs/is-theme-ids.js +12 -0
- package/dist/cjs/is-theme-kind.js +12 -0
- package/dist/cjs/theme-config.js +8 -44
- package/dist/cjs/theme-object-to-string.js +42 -0
- package/dist/cjs/theme-options-schema.js +1 -0
- package/dist/cjs/theme-state-defaults.js +39 -0
- package/dist/cjs/theme-state.js +5 -0
- package/dist/cjs/theme-string-to-object.js +51 -0
- package/dist/cjs/utils/additional-contrast-checker.js +43 -0
- package/dist/cjs/utils/custom-theme-loading-utils.js +0 -22
- package/dist/cjs/utils/custom-theme-token-contrast-check.js +2 -40
- package/dist/cjs/utils/delta-e.js +26 -0
- package/dist/cjs/utils/generate-colors.js +47 -0
- package/dist/cjs/utils/generate-token-map-with-contrast-check.js +32 -0
- package/dist/cjs/utils/{generate-custom-color-ramp.js → generate-token-map.js} +6 -75
- package/dist/cjs/utils/get-closest-color-index.js +3 -2
- package/dist/cjs/utils/get-contrast-ratio.js +22 -0
- package/dist/cjs/utils/hct-color-utils/alpha-from-argb.js +12 -0
- package/dist/cjs/utils/hct-color-utils/argb-from-linrgb.js +17 -0
- package/dist/cjs/utils/hct-color-utils/argb-from-lstar.js +21 -0
- package/dist/cjs/utils/hct-color-utils/argb-from-rgba.js +24 -0
- package/dist/cjs/utils/hct-color-utils/argb-from-xyz.js +29 -0
- package/dist/cjs/utils/hct-color-utils/blue-from-argb.js +12 -0
- package/dist/cjs/utils/hct-color-utils/clamp-component.js +15 -0
- package/dist/cjs/utils/hct-color-utils/contrast.js +10 -11
- package/dist/cjs/utils/hct-color-utils/green-from-argb.js +12 -0
- package/dist/cjs/utils/hct-color-utils/hct.js +18 -12
- package/dist/cjs/utils/hct-color-utils/index.js +4 -3
- package/dist/cjs/utils/hct-color-utils/lab-f.js +15 -0
- package/dist/cjs/utils/hct-color-utils/lab-invf.js +16 -0
- package/dist/cjs/utils/hct-color-utils/lstar-from-argb.js +34 -0
- package/dist/cjs/utils/hct-color-utils/lstar-from-y.js +21 -0
- package/dist/cjs/utils/hct-color-utils/red-from-argb.js +12 -0
- package/dist/cjs/utils/hct-color-utils/rgba-from-argb.js +28 -0
- package/dist/cjs/utils/hct-color-utils/rgba.js +1 -0
- package/dist/cjs/utils/hct-color-utils/viewing-conditions.js +5 -4
- package/dist/cjs/utils/hct-color-utils/white-point-d65.js +14 -0
- package/dist/cjs/utils/hct-color-utils/y-from-lstar.js +21 -0
- package/dist/cjs/utils/hex-to-hsl.js +52 -0
- package/dist/cjs/utils/hex-to-rgb-a.js +20 -0
- package/dist/cjs/utils/hex-to-rgb.js +19 -0
- package/dist/cjs/utils/is-valid-hex.js +10 -0
- package/dist/cjs/utils/reduce-token-map.js +18 -0
- package/dist/cjs/utils/rgb-to-lab.js +24 -0
- package/dist/es2019/artifacts/palettes-raw/palette.js +35 -1
- package/dist/es2019/entry-points/theme-state-transformer.js +2 -1
- package/dist/es2019/get-custom-theme-styles.js +3 -2
- package/dist/es2019/get-global-theme.js +1 -1
- package/dist/es2019/get-theme-html-attrs.js +1 -1
- package/dist/es2019/index.js +2 -1
- package/dist/es2019/is-color-mode.js +3 -0
- package/dist/es2019/is-theme-ids.js +4 -0
- package/dist/es2019/is-theme-kind.js +4 -0
- package/dist/es2019/theme-config.js +4 -45
- package/dist/es2019/theme-object-to-string.js +28 -0
- package/dist/es2019/theme-options-schema.js +0 -0
- package/dist/es2019/theme-state-defaults.js +34 -0
- package/dist/es2019/theme-state.js +1 -0
- package/dist/es2019/theme-string-to-object.js +38 -0
- package/dist/es2019/utils/additional-contrast-checker.js +39 -0
- package/dist/es2019/utils/custom-theme-loading-utils.js +1 -11
- package/dist/es2019/utils/custom-theme-token-contrast-check.js +1 -41
- package/dist/es2019/utils/delta-e.js +20 -0
- package/dist/es2019/utils/generate-colors.js +39 -0
- package/dist/es2019/utils/generate-token-map-with-contrast-check.js +21 -0
- package/dist/es2019/utils/{generate-custom-color-ramp.js → generate-token-map.js} +3 -63
- package/dist/es2019/utils/get-closest-color-index.js +2 -1
- package/dist/es2019/utils/get-contrast-ratio.js +16 -0
- package/dist/es2019/utils/hct-color-utils/alpha-from-argb.js +6 -0
- package/dist/es2019/utils/hct-color-utils/argb-from-linrgb.js +12 -0
- package/dist/es2019/utils/hct-color-utils/argb-from-lstar.js +16 -0
- package/dist/es2019/utils/hct-color-utils/argb-from-rgba.js +19 -0
- package/dist/es2019/utils/hct-color-utils/argb-from-xyz.js +24 -0
- package/dist/es2019/utils/hct-color-utils/blue-from-argb.js +6 -0
- package/dist/es2019/utils/hct-color-utils/clamp-component.js +9 -0
- package/dist/es2019/utils/hct-color-utils/contrast.js +10 -10
- package/dist/es2019/utils/hct-color-utils/green-from-argb.js +6 -0
- package/dist/es2019/utils/hct-color-utils/hct.js +19 -12
- package/dist/es2019/utils/hct-color-utils/index.js +2 -1
- package/dist/es2019/utils/hct-color-utils/lab-f.js +9 -0
- package/dist/es2019/utils/hct-color-utils/lab-invf.js +10 -0
- package/dist/es2019/utils/hct-color-utils/lstar-from-argb.js +28 -0
- package/dist/es2019/utils/hct-color-utils/lstar-from-y.js +16 -0
- package/dist/es2019/utils/hct-color-utils/red-from-argb.js +6 -0
- package/dist/es2019/utils/hct-color-utils/rgba-from-argb.js +22 -0
- package/dist/es2019/utils/hct-color-utils/rgba.js +0 -0
- package/dist/es2019/utils/hct-color-utils/viewing-conditions.js +4 -3
- package/dist/es2019/utils/hct-color-utils/white-point-d65.js +8 -0
- package/dist/es2019/utils/hct-color-utils/y-from-lstar.js +16 -0
- package/dist/es2019/utils/hex-to-hsl.js +46 -0
- package/dist/es2019/utils/hex-to-rgb-a.js +14 -0
- package/dist/es2019/utils/hex-to-rgb.js +13 -0
- package/dist/es2019/utils/is-valid-hex.js +2 -0
- package/dist/es2019/utils/reduce-token-map.js +7 -0
- package/dist/es2019/utils/rgb-to-lab.js +18 -0
- package/dist/esm/artifacts/palettes-raw/palette.js +35 -1
- package/dist/esm/entry-points/theme-state-transformer.js +2 -1
- package/dist/esm/get-custom-theme-styles.js +3 -2
- package/dist/esm/get-global-theme.js +1 -1
- package/dist/esm/get-theme-html-attrs.js +1 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/is-color-mode.js +3 -0
- package/dist/esm/is-theme-ids.js +6 -0
- package/dist/esm/is-theme-kind.js +6 -0
- package/dist/esm/theme-config.js +4 -45
- package/dist/esm/theme-object-to-string.js +35 -0
- package/dist/esm/theme-options-schema.js +0 -0
- package/dist/esm/theme-state-defaults.js +34 -0
- package/dist/esm/theme-state.js +1 -0
- package/dist/esm/theme-string-to-object.js +44 -0
- package/dist/esm/utils/additional-contrast-checker.js +36 -0
- package/dist/esm/utils/custom-theme-loading-utils.js +1 -15
- package/dist/esm/utils/custom-theme-token-contrast-check.js +1 -38
- package/dist/esm/utils/delta-e.js +20 -0
- package/dist/esm/utils/generate-colors.js +40 -0
- package/dist/esm/utils/generate-token-map-with-contrast-check.js +25 -0
- package/dist/esm/utils/{generate-custom-color-ramp.js → generate-token-map.js} +3 -67
- package/dist/esm/utils/get-closest-color-index.js +2 -1
- package/dist/esm/utils/get-contrast-ratio.js +16 -0
- package/dist/esm/utils/hct-color-utils/alpha-from-argb.js +6 -0
- package/dist/esm/utils/hct-color-utils/argb-from-linrgb.js +12 -0
- package/dist/esm/utils/hct-color-utils/argb-from-lstar.js +16 -0
- package/dist/esm/utils/hct-color-utils/argb-from-rgba.js +18 -0
- package/dist/esm/utils/hct-color-utils/argb-from-xyz.js +24 -0
- package/dist/esm/utils/hct-color-utils/blue-from-argb.js +6 -0
- package/dist/esm/utils/hct-color-utils/clamp-component.js +9 -0
- package/dist/esm/utils/hct-color-utils/contrast.js +10 -10
- package/dist/esm/utils/hct-color-utils/green-from-argb.js +6 -0
- package/dist/esm/utils/hct-color-utils/hct.js +19 -12
- package/dist/esm/utils/hct-color-utils/index.js +2 -1
- package/dist/esm/utils/hct-color-utils/lab-f.js +9 -0
- package/dist/esm/utils/hct-color-utils/lab-invf.js +10 -0
- package/dist/esm/utils/hct-color-utils/lstar-from-argb.js +28 -0
- package/dist/esm/utils/hct-color-utils/lstar-from-y.js +16 -0
- package/dist/esm/utils/hct-color-utils/red-from-argb.js +6 -0
- package/dist/esm/utils/hct-color-utils/rgba-from-argb.js +22 -0
- package/dist/esm/utils/hct-color-utils/rgba.js +0 -0
- package/dist/esm/utils/hct-color-utils/viewing-conditions.js +5 -4
- package/dist/esm/utils/hct-color-utils/white-point-d65.js +8 -0
- package/dist/esm/utils/hct-color-utils/y-from-lstar.js +16 -0
- package/dist/esm/utils/hex-to-hsl.js +46 -0
- package/dist/esm/utils/hex-to-rgb-a.js +14 -0
- package/dist/esm/utils/hex-to-rgb.js +13 -0
- package/dist/esm/utils/is-valid-hex.js +4 -0
- package/dist/esm/utils/reduce-token-map.js +11 -0
- package/dist/esm/utils/rgb-to-lab.js +18 -0
- package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
- package/dist/types/entry-points/theme-state-transformer.d.ts +2 -1
- package/dist/types/index.d.ts +2 -1
- package/dist/types/is-color-mode.d.ts +2 -0
- package/dist/types/is-theme-ids.d.ts +2 -0
- package/dist/types/is-theme-kind.d.ts +4 -0
- package/dist/types/theme-color-modes.d.ts +1 -0
- package/dist/types/theme-config.d.ts +8 -40
- package/dist/types/theme-ids.d.ts +1 -0
- package/dist/types/theme-object-to-string.d.ts +13 -0
- package/dist/types/theme-options-schema.d.ts +7 -0
- package/dist/types/theme-state-defaults.d.ts +14 -0
- package/dist/types/theme-state.d.ts +17 -0
- package/dist/types/{theme-state-transformer.d.ts → theme-string-to-object.d.ts} +0 -12
- package/dist/types/utils/additional-contrast-checker.d.ts +9 -0
- package/dist/types/utils/custom-theme-loading-utils.d.ts +1 -6
- package/dist/types/utils/custom-theme-token-contrast-check.d.ts +0 -9
- package/dist/types/utils/delta-e.d.ts +1 -0
- package/dist/types/utils/generate-colors.d.ts +5 -0
- package/dist/types/utils/{generate-custom-color-ramp.d.ts → generate-token-map-with-contrast-check.d.ts} +1 -6
- package/dist/types/utils/generate-token-map.d.ts +9 -0
- package/dist/types/utils/get-contrast-ratio.d.ts +1 -0
- package/dist/types/utils/hct-color-utils/alpha-from-argb.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/argb-from-linrgb.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/argb-from-lstar.d.ts +8 -0
- package/dist/types/utils/hct-color-utils/argb-from-rgba.d.ts +8 -0
- package/dist/types/utils/hct-color-utils/argb-from-xyz.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/blue-from-argb.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/clamp-component.d.ts +1 -0
- package/dist/types/utils/hct-color-utils/green-from-argb.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/index.d.ts +2 -1
- package/dist/types/utils/hct-color-utils/lab-f.d.ts +1 -0
- package/dist/types/utils/hct-color-utils/lab-invf.d.ts +1 -0
- package/dist/types/utils/hct-color-utils/lstar-from-argb.d.ts +7 -0
- package/dist/types/utils/hct-color-utils/lstar-from-y.d.ts +12 -0
- package/dist/types/utils/hct-color-utils/red-from-argb.d.ts +4 -0
- package/dist/types/utils/hct-color-utils/rgba-from-argb.d.ts +8 -0
- package/dist/types/utils/hct-color-utils/rgba.d.ts +14 -0
- package/dist/types/utils/hct-color-utils/white-point-d65.d.ts +6 -0
- package/dist/types/utils/hct-color-utils/y-from-lstar.d.ts +12 -0
- package/dist/types/utils/hex-to-hsl.d.ts +1 -0
- package/dist/types/utils/hex-to-rgb-a.d.ts +1 -0
- package/dist/types/utils/hex-to-rgb.d.ts +1 -0
- package/dist/types/utils/is-valid-hex.d.ts +1 -0
- package/dist/types/utils/reduce-token-map.d.ts +6 -0
- package/dist/types/utils/rgb-to-lab.d.ts +1 -0
- package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/theme-state-transformer.d.ts +2 -1
- package/dist/types-ts4.5/index.d.ts +2 -1
- package/dist/types-ts4.5/is-color-mode.d.ts +2 -0
- package/dist/types-ts4.5/is-theme-ids.d.ts +2 -0
- package/dist/types-ts4.5/is-theme-kind.d.ts +11 -0
- package/dist/types-ts4.5/theme-color-modes.d.ts +1 -0
- package/dist/types-ts4.5/theme-config.d.ts +8 -40
- package/dist/types-ts4.5/theme-ids.d.ts +1 -0
- package/dist/types-ts4.5/theme-object-to-string.d.ts +13 -0
- package/dist/types-ts4.5/theme-options-schema.d.ts +7 -0
- package/dist/types-ts4.5/theme-state-defaults.d.ts +14 -0
- package/dist/types-ts4.5/theme-state.d.ts +17 -0
- package/dist/types-ts4.5/{theme-state-transformer.d.ts → theme-string-to-object.d.ts} +0 -12
- package/dist/types-ts4.5/utils/additional-contrast-checker.d.ts +9 -0
- package/dist/types-ts4.5/utils/custom-theme-loading-utils.d.ts +1 -6
- package/dist/types-ts4.5/utils/custom-theme-token-contrast-check.d.ts +0 -9
- package/dist/types-ts4.5/utils/delta-e.d.ts +1 -0
- package/dist/types-ts4.5/utils/generate-colors.d.ts +5 -0
- package/dist/types-ts4.5/utils/{generate-custom-color-ramp.d.ts → generate-token-map-with-contrast-check.d.ts} +1 -8
- package/dist/types-ts4.5/utils/generate-token-map.d.ts +11 -0
- package/dist/types-ts4.5/utils/get-contrast-ratio.d.ts +1 -0
- package/dist/types-ts4.5/utils/hct-color-utils/alpha-from-argb.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/argb-from-linrgb.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/argb-from-lstar.d.ts +8 -0
- package/dist/types-ts4.5/utils/hct-color-utils/argb-from-rgba.d.ts +8 -0
- package/dist/types-ts4.5/utils/hct-color-utils/argb-from-xyz.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/blue-from-argb.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/clamp-component.d.ts +1 -0
- package/dist/types-ts4.5/utils/hct-color-utils/green-from-argb.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/index.d.ts +2 -1
- package/dist/types-ts4.5/utils/hct-color-utils/lab-f.d.ts +1 -0
- package/dist/types-ts4.5/utils/hct-color-utils/lab-invf.d.ts +1 -0
- package/dist/types-ts4.5/utils/hct-color-utils/lstar-from-argb.d.ts +7 -0
- package/dist/types-ts4.5/utils/hct-color-utils/lstar-from-y.d.ts +12 -0
- package/dist/types-ts4.5/utils/hct-color-utils/red-from-argb.d.ts +4 -0
- package/dist/types-ts4.5/utils/hct-color-utils/rgba-from-argb.d.ts +8 -0
- package/dist/types-ts4.5/utils/hct-color-utils/rgba.d.ts +14 -0
- package/dist/types-ts4.5/utils/hct-color-utils/white-point-d65.d.ts +6 -0
- package/dist/types-ts4.5/utils/hct-color-utils/y-from-lstar.d.ts +12 -0
- package/dist/types-ts4.5/utils/hex-to-hsl.d.ts +5 -0
- package/dist/types-ts4.5/utils/hex-to-rgb-a.d.ts +6 -0
- package/dist/types-ts4.5/utils/hex-to-rgb.d.ts +5 -0
- package/dist/types-ts4.5/utils/is-valid-hex.d.ts +1 -0
- package/dist/types-ts4.5/utils/reduce-token-map.d.ts +6 -0
- package/dist/types-ts4.5/utils/rgb-to-lab.d.ts +5 -0
- package/package.json +5 -5
- package/dist/cjs/theme-state-transformer.js +0 -93
- package/dist/cjs/utils/color-utils.js +0 -176
- package/dist/cjs/utils/hct-color-utils/color-utils.js +0 -279
- package/dist/es2019/theme-state-transformer.js +0 -70
- package/dist/es2019/utils/color-utils.js +0 -136
- package/dist/es2019/utils/hct-color-utils/color-utils.js +0 -249
- package/dist/esm/theme-state-transformer.js +0 -86
- package/dist/esm/utils/color-utils.js +0 -138
- package/dist/esm/utils/hct-color-utils/color-utils.js +0 -248
- package/dist/types/utils/color-utils.d.ts +0 -10
- package/dist/types/utils/hct-color-utils/color-utils.d.ts +0 -88
- package/dist/types-ts4.5/utils/color-utils.d.ts +0 -23
- package/dist/types-ts4.5/utils/hct-color-utils/color-utils.d.ts +0 -88
|
@@ -1,248 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Below lines are copied from @material/material-color-utilities.
|
|
3
|
-
* Do not modify it.
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* @license
|
|
8
|
-
* Copyright 2021 Google LLC
|
|
9
|
-
*
|
|
10
|
-
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
11
|
-
* you may not use this file except in compliance with the License.
|
|
12
|
-
* You may obtain a copy of the License at
|
|
13
|
-
*
|
|
14
|
-
* http://www.apache.org/licenses/LICENSE-2.0
|
|
15
|
-
*
|
|
16
|
-
* Unless required by applicable law or agreed to in writing, software
|
|
17
|
-
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
18
|
-
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
19
|
-
* See the License for the specific language governing permissions and
|
|
20
|
-
* limitations under the License.
|
|
21
|
-
*/
|
|
22
|
-
|
|
23
|
-
// This file is automatically generated. Do not modify it.
|
|
24
|
-
|
|
25
|
-
import { argbFromRgb } from './argb-from-rgb';
|
|
26
|
-
import { delinearized } from './delinearized';
|
|
27
|
-
import { linearized } from './linearized';
|
|
28
|
-
import * as mathUtils from './math-utils';
|
|
29
|
-
/**
|
|
30
|
-
* Color science utilities.
|
|
31
|
-
*
|
|
32
|
-
* Utility methods for color science constants and color space
|
|
33
|
-
* conversions that aren't HCT or CAM16.
|
|
34
|
-
*/
|
|
35
|
-
|
|
36
|
-
var SRGB_TO_XYZ = [[0.41233895, 0.35762064, 0.18051042], [0.2126, 0.7152, 0.0722], [0.01932141, 0.11916382, 0.95034478]];
|
|
37
|
-
var XYZ_TO_SRGB = [[3.2413774792388685, -1.5376652402851851, -0.49885366846268053], [-0.9691452513005321, 1.8758853451067872, 0.04156585616912061], [0.05562093689691305, -0.20395524564742123, 1.0571799111220335]];
|
|
38
|
-
var WHITE_POINT_D65 = [95.047, 100.0, 108.883];
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* Converts a color from linear RGB components to ARGB format.
|
|
42
|
-
*/
|
|
43
|
-
export function argbFromLinrgb(linrgb) {
|
|
44
|
-
var r = delinearized(linrgb[0]);
|
|
45
|
-
var g = delinearized(linrgb[1]);
|
|
46
|
-
var b = delinearized(linrgb[2]);
|
|
47
|
-
return argbFromRgb(r, g, b);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
/**
|
|
51
|
-
* Returns the alpha component of a color in ARGB format.
|
|
52
|
-
*/
|
|
53
|
-
function alphaFromArgb(argb) {
|
|
54
|
-
return argb >> 24 & 255;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* Returns the red component of a color in ARGB format.
|
|
59
|
-
*/
|
|
60
|
-
function redFromArgb(argb) {
|
|
61
|
-
return argb >> 16 & 255;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
/**
|
|
65
|
-
* Returns the green component of a color in ARGB format.
|
|
66
|
-
*/
|
|
67
|
-
function greenFromArgb(argb) {
|
|
68
|
-
return argb >> 8 & 255;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
/**
|
|
72
|
-
* Returns the blue component of a color in ARGB format.
|
|
73
|
-
*/
|
|
74
|
-
function blueFromArgb(argb) {
|
|
75
|
-
return argb & 255;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
/**
|
|
79
|
-
* Converts a color from ARGB to XYZ.
|
|
80
|
-
*/
|
|
81
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
82
|
-
export function argbFromXyz(x, y, z) {
|
|
83
|
-
var matrix = XYZ_TO_SRGB;
|
|
84
|
-
var linearR = matrix[0][0] * x + matrix[0][1] * y + matrix[0][2] * z;
|
|
85
|
-
var linearG = matrix[1][0] * x + matrix[1][1] * y + matrix[1][2] * z;
|
|
86
|
-
var linearB = matrix[2][0] * x + matrix[2][1] * y + matrix[2][2] * z;
|
|
87
|
-
var r = delinearized(linearR);
|
|
88
|
-
var g = delinearized(linearG);
|
|
89
|
-
var b = delinearized(linearB);
|
|
90
|
-
return argbFromRgb(r, g, b);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
/**
|
|
94
|
-
* Converts a color from XYZ to ARGB.
|
|
95
|
-
*/
|
|
96
|
-
function xyzFromArgb(argb) {
|
|
97
|
-
var r = linearized(redFromArgb(argb));
|
|
98
|
-
var g = linearized(greenFromArgb(argb));
|
|
99
|
-
var b = linearized(blueFromArgb(argb));
|
|
100
|
-
return mathUtils.matrixMultiply([r, g, b], SRGB_TO_XYZ);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
/**
|
|
104
|
-
* Converts an L* value to an ARGB representation.
|
|
105
|
-
*
|
|
106
|
-
* @param lstar L* in L*a*b*
|
|
107
|
-
* @return ARGB representation of grayscale color with lightness
|
|
108
|
-
* matching L*
|
|
109
|
-
*/
|
|
110
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
111
|
-
export function argbFromLstar(lstar) {
|
|
112
|
-
var y = yFromLstar(lstar);
|
|
113
|
-
var component = delinearized(y);
|
|
114
|
-
return argbFromRgb(component, component, component);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
/**
|
|
118
|
-
* Computes the L* value of a color in ARGB representation.
|
|
119
|
-
*
|
|
120
|
-
* @param argb ARGB representation of a color
|
|
121
|
-
* @return L*, from L*a*b*, coordinate of the color
|
|
122
|
-
*/
|
|
123
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
124
|
-
export function lstarFromArgb(argb) {
|
|
125
|
-
var y = xyzFromArgb(argb)[1];
|
|
126
|
-
return 116.0 * labF(y / 100.0) - 16.0;
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
/**
|
|
130
|
-
* Converts an L* value to a Y value.
|
|
131
|
-
*
|
|
132
|
-
* L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
|
|
133
|
-
*
|
|
134
|
-
* L* measures perceptual luminance, a linear scale. Y in XYZ
|
|
135
|
-
* measures relative luminance, a logarithmic scale.
|
|
136
|
-
*
|
|
137
|
-
* @param lstar L* in L*a*b*
|
|
138
|
-
* @return Y in XYZ
|
|
139
|
-
*/
|
|
140
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
141
|
-
export function yFromLstar(lstar) {
|
|
142
|
-
return 100.0 * labInvf((lstar + 16.0) / 116.0);
|
|
143
|
-
}
|
|
144
|
-
|
|
145
|
-
/**
|
|
146
|
-
* Converts a Y value to an L* value.
|
|
147
|
-
*
|
|
148
|
-
* L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
|
|
149
|
-
*
|
|
150
|
-
* L* measures perceptual luminance, a linear scale. Y in XYZ
|
|
151
|
-
* measures relative luminance, a logarithmic scale.
|
|
152
|
-
*
|
|
153
|
-
* @param y Y in XYZ
|
|
154
|
-
* @return L* in L*a*b*
|
|
155
|
-
*/
|
|
156
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
157
|
-
export function lstarFromY(y) {
|
|
158
|
-
return labF(y / 100.0) * 116.0 - 16.0;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
/**
|
|
162
|
-
* Returns the standard white point; white on a sunny day.
|
|
163
|
-
*
|
|
164
|
-
* @return The white point
|
|
165
|
-
*/
|
|
166
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
167
|
-
export function whitePointD65() {
|
|
168
|
-
return WHITE_POINT_D65;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
/**
|
|
172
|
-
* RGBA component
|
|
173
|
-
*
|
|
174
|
-
* @param r Red value should be between 0-255
|
|
175
|
-
* @param g Green value should be between 0-255
|
|
176
|
-
* @param b Blue value should be between 0-255
|
|
177
|
-
* @param a Alpha value should be between 0-255
|
|
178
|
-
*/
|
|
179
|
-
|
|
180
|
-
/**
|
|
181
|
-
* Return RGBA from a given int32 color
|
|
182
|
-
*
|
|
183
|
-
* @param argb ARGB representation of a int32 color.
|
|
184
|
-
* @return RGBA representation of a int32 color.
|
|
185
|
-
*/
|
|
186
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
187
|
-
export function rgbaFromArgb(argb) {
|
|
188
|
-
var r = redFromArgb(argb);
|
|
189
|
-
var g = greenFromArgb(argb);
|
|
190
|
-
var b = blueFromArgb(argb);
|
|
191
|
-
var a = alphaFromArgb(argb);
|
|
192
|
-
return {
|
|
193
|
-
r: r,
|
|
194
|
-
g: g,
|
|
195
|
-
b: b,
|
|
196
|
-
a: a
|
|
197
|
-
};
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
/**
|
|
201
|
-
* Return int32 color from a given RGBA component
|
|
202
|
-
*
|
|
203
|
-
* @param rgba RGBA representation of a int32 color.
|
|
204
|
-
* @returns ARGB representation of a int32 color.
|
|
205
|
-
*/
|
|
206
|
-
// eslint-disable-next-line @atlaskit/volt-strict-mode/no-multiple-exports
|
|
207
|
-
export function argbFromRgba(_ref) {
|
|
208
|
-
var r = _ref.r,
|
|
209
|
-
g = _ref.g,
|
|
210
|
-
b = _ref.b,
|
|
211
|
-
a = _ref.a;
|
|
212
|
-
var rValue = clampComponent(r);
|
|
213
|
-
var gValue = clampComponent(g);
|
|
214
|
-
var bValue = clampComponent(b);
|
|
215
|
-
var aValue = clampComponent(a);
|
|
216
|
-
return aValue << 24 | rValue << 16 | gValue << 8 | bValue;
|
|
217
|
-
}
|
|
218
|
-
function clampComponent(value) {
|
|
219
|
-
if (value < 0) {
|
|
220
|
-
return 0;
|
|
221
|
-
}
|
|
222
|
-
if (value > 255) {
|
|
223
|
-
return 255;
|
|
224
|
-
}
|
|
225
|
-
return value;
|
|
226
|
-
}
|
|
227
|
-
function labF(t) {
|
|
228
|
-
var e = 216.0 / 24389.0;
|
|
229
|
-
var kappa = 24389.0 / 27.0;
|
|
230
|
-
if (t > e) {
|
|
231
|
-
return Math.pow(t, 1.0 / 3.0);
|
|
232
|
-
} else {
|
|
233
|
-
return (kappa * t + 16) / 116;
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
function labInvf(ft) {
|
|
237
|
-
var e = 216.0 / 24389.0;
|
|
238
|
-
var kappa = 24389.0 / 27.0;
|
|
239
|
-
var ft3 = ft * ft * ft;
|
|
240
|
-
if (ft3 > e) {
|
|
241
|
-
return ft3;
|
|
242
|
-
} else {
|
|
243
|
-
return (116 * ft - 16) / kappa;
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
export { argbFromRgb } from './argb-from-rgb';
|
|
247
|
-
export { linearized } from './linearized';
|
|
248
|
-
export { delinearized } from './delinearized';
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export declare function hexToRgbA(hex: string): [number, number, number, number];
|
|
2
|
-
export declare function hexToRgb(hex: string): [number, number, number];
|
|
3
|
-
export declare function hexToHSL(hex: string): [number, number, number];
|
|
4
|
-
export declare function getContrastRatio(foreground: string, background: string): number;
|
|
5
|
-
export declare function deltaE(rgbA: number[], rgbB: number[]): number;
|
|
6
|
-
export { isValidBrandHex } from './is-valid-brand-hex';
|
|
7
|
-
export { rgbToHex } from './rgb-to-hex';
|
|
8
|
-
export { getAlpha } from './get-alpha';
|
|
9
|
-
export { HSLToRGB } from './hsl-to-rgb';
|
|
10
|
-
export { relativeLuminanceW3C } from './relative-luminance-w3-c';
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Below lines are copied from @material/material-color-utilities.
|
|
3
|
-
* Do not modify it.
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* Converts a color from linear RGB components to ARGB format.
|
|
7
|
-
*/
|
|
8
|
-
export declare function argbFromLinrgb(linrgb: number[]): number;
|
|
9
|
-
/**
|
|
10
|
-
* Converts a color from ARGB to XYZ.
|
|
11
|
-
*/
|
|
12
|
-
export declare function argbFromXyz(x: number, y: number, z: number): number;
|
|
13
|
-
/**
|
|
14
|
-
* Converts an L* value to an ARGB representation.
|
|
15
|
-
*
|
|
16
|
-
* @param lstar L* in L*a*b*
|
|
17
|
-
* @return ARGB representation of grayscale color with lightness
|
|
18
|
-
* matching L*
|
|
19
|
-
*/
|
|
20
|
-
export declare function argbFromLstar(lstar: number): number;
|
|
21
|
-
/**
|
|
22
|
-
* Computes the L* value of a color in ARGB representation.
|
|
23
|
-
*
|
|
24
|
-
* @param argb ARGB representation of a color
|
|
25
|
-
* @return L*, from L*a*b*, coordinate of the color
|
|
26
|
-
*/
|
|
27
|
-
export declare function lstarFromArgb(argb: number): number;
|
|
28
|
-
/**
|
|
29
|
-
* Converts an L* value to a Y value.
|
|
30
|
-
*
|
|
31
|
-
* L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
|
|
32
|
-
*
|
|
33
|
-
* L* measures perceptual luminance, a linear scale. Y in XYZ
|
|
34
|
-
* measures relative luminance, a logarithmic scale.
|
|
35
|
-
*
|
|
36
|
-
* @param lstar L* in L*a*b*
|
|
37
|
-
* @return Y in XYZ
|
|
38
|
-
*/
|
|
39
|
-
export declare function yFromLstar(lstar: number): number;
|
|
40
|
-
/**
|
|
41
|
-
* Converts a Y value to an L* value.
|
|
42
|
-
*
|
|
43
|
-
* L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
|
|
44
|
-
*
|
|
45
|
-
* L* measures perceptual luminance, a linear scale. Y in XYZ
|
|
46
|
-
* measures relative luminance, a logarithmic scale.
|
|
47
|
-
*
|
|
48
|
-
* @param y Y in XYZ
|
|
49
|
-
* @return L* in L*a*b*
|
|
50
|
-
*/
|
|
51
|
-
export declare function lstarFromY(y: number): number;
|
|
52
|
-
/**
|
|
53
|
-
* Returns the standard white point; white on a sunny day.
|
|
54
|
-
*
|
|
55
|
-
* @return The white point
|
|
56
|
-
*/
|
|
57
|
-
export declare function whitePointD65(): number[];
|
|
58
|
-
/**
|
|
59
|
-
* RGBA component
|
|
60
|
-
*
|
|
61
|
-
* @param r Red value should be between 0-255
|
|
62
|
-
* @param g Green value should be between 0-255
|
|
63
|
-
* @param b Blue value should be between 0-255
|
|
64
|
-
* @param a Alpha value should be between 0-255
|
|
65
|
-
*/
|
|
66
|
-
interface Rgba {
|
|
67
|
-
r: number;
|
|
68
|
-
g: number;
|
|
69
|
-
b: number;
|
|
70
|
-
a: number;
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* Return RGBA from a given int32 color
|
|
74
|
-
*
|
|
75
|
-
* @param argb ARGB representation of a int32 color.
|
|
76
|
-
* @return RGBA representation of a int32 color.
|
|
77
|
-
*/
|
|
78
|
-
export declare function rgbaFromArgb(argb: number): Rgba;
|
|
79
|
-
/**
|
|
80
|
-
* Return int32 color from a given RGBA component
|
|
81
|
-
*
|
|
82
|
-
* @param rgba RGBA representation of a int32 color.
|
|
83
|
-
* @returns ARGB representation of a int32 color.
|
|
84
|
-
*/
|
|
85
|
-
export declare function argbFromRgba({ r, g, b, a }: Rgba): number;
|
|
86
|
-
export { argbFromRgb } from './argb-from-rgb';
|
|
87
|
-
export { linearized } from './linearized';
|
|
88
|
-
export { delinearized } from './delinearized';
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
export declare function hexToRgbA(hex: string): [
|
|
2
|
-
number,
|
|
3
|
-
number,
|
|
4
|
-
number,
|
|
5
|
-
number
|
|
6
|
-
];
|
|
7
|
-
export declare function hexToRgb(hex: string): [
|
|
8
|
-
number,
|
|
9
|
-
number,
|
|
10
|
-
number
|
|
11
|
-
];
|
|
12
|
-
export declare function hexToHSL(hex: string): [
|
|
13
|
-
number,
|
|
14
|
-
number,
|
|
15
|
-
number
|
|
16
|
-
];
|
|
17
|
-
export declare function getContrastRatio(foreground: string, background: string): number;
|
|
18
|
-
export declare function deltaE(rgbA: number[], rgbB: number[]): number;
|
|
19
|
-
export { isValidBrandHex } from './is-valid-brand-hex';
|
|
20
|
-
export { rgbToHex } from './rgb-to-hex';
|
|
21
|
-
export { getAlpha } from './get-alpha';
|
|
22
|
-
export { HSLToRGB } from './hsl-to-rgb';
|
|
23
|
-
export { relativeLuminanceW3C } from './relative-luminance-w3-c';
|
|
@@ -1,88 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Below lines are copied from @material/material-color-utilities.
|
|
3
|
-
* Do not modify it.
|
|
4
|
-
*/
|
|
5
|
-
/**
|
|
6
|
-
* Converts a color from linear RGB components to ARGB format.
|
|
7
|
-
*/
|
|
8
|
-
export declare function argbFromLinrgb(linrgb: number[]): number;
|
|
9
|
-
/**
|
|
10
|
-
* Converts a color from ARGB to XYZ.
|
|
11
|
-
*/
|
|
12
|
-
export declare function argbFromXyz(x: number, y: number, z: number): number;
|
|
13
|
-
/**
|
|
14
|
-
* Converts an L* value to an ARGB representation.
|
|
15
|
-
*
|
|
16
|
-
* @param lstar L* in L*a*b*
|
|
17
|
-
* @return ARGB representation of grayscale color with lightness
|
|
18
|
-
* matching L*
|
|
19
|
-
*/
|
|
20
|
-
export declare function argbFromLstar(lstar: number): number;
|
|
21
|
-
/**
|
|
22
|
-
* Computes the L* value of a color in ARGB representation.
|
|
23
|
-
*
|
|
24
|
-
* @param argb ARGB representation of a color
|
|
25
|
-
* @return L*, from L*a*b*, coordinate of the color
|
|
26
|
-
*/
|
|
27
|
-
export declare function lstarFromArgb(argb: number): number;
|
|
28
|
-
/**
|
|
29
|
-
* Converts an L* value to a Y value.
|
|
30
|
-
*
|
|
31
|
-
* L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
|
|
32
|
-
*
|
|
33
|
-
* L* measures perceptual luminance, a linear scale. Y in XYZ
|
|
34
|
-
* measures relative luminance, a logarithmic scale.
|
|
35
|
-
*
|
|
36
|
-
* @param lstar L* in L*a*b*
|
|
37
|
-
* @return Y in XYZ
|
|
38
|
-
*/
|
|
39
|
-
export declare function yFromLstar(lstar: number): number;
|
|
40
|
-
/**
|
|
41
|
-
* Converts a Y value to an L* value.
|
|
42
|
-
*
|
|
43
|
-
* L* in L*a*b* and Y in XYZ measure the same quantity, luminance.
|
|
44
|
-
*
|
|
45
|
-
* L* measures perceptual luminance, a linear scale. Y in XYZ
|
|
46
|
-
* measures relative luminance, a logarithmic scale.
|
|
47
|
-
*
|
|
48
|
-
* @param y Y in XYZ
|
|
49
|
-
* @return L* in L*a*b*
|
|
50
|
-
*/
|
|
51
|
-
export declare function lstarFromY(y: number): number;
|
|
52
|
-
/**
|
|
53
|
-
* Returns the standard white point; white on a sunny day.
|
|
54
|
-
*
|
|
55
|
-
* @return The white point
|
|
56
|
-
*/
|
|
57
|
-
export declare function whitePointD65(): number[];
|
|
58
|
-
/**
|
|
59
|
-
* RGBA component
|
|
60
|
-
*
|
|
61
|
-
* @param r Red value should be between 0-255
|
|
62
|
-
* @param g Green value should be between 0-255
|
|
63
|
-
* @param b Blue value should be between 0-255
|
|
64
|
-
* @param a Alpha value should be between 0-255
|
|
65
|
-
*/
|
|
66
|
-
interface Rgba {
|
|
67
|
-
r: number;
|
|
68
|
-
g: number;
|
|
69
|
-
b: number;
|
|
70
|
-
a: number;
|
|
71
|
-
}
|
|
72
|
-
/**
|
|
73
|
-
* Return RGBA from a given int32 color
|
|
74
|
-
*
|
|
75
|
-
* @param argb ARGB representation of a int32 color.
|
|
76
|
-
* @return RGBA representation of a int32 color.
|
|
77
|
-
*/
|
|
78
|
-
export declare function rgbaFromArgb(argb: number): Rgba;
|
|
79
|
-
/**
|
|
80
|
-
* Return int32 color from a given RGBA component
|
|
81
|
-
*
|
|
82
|
-
* @param rgba RGBA representation of a int32 color.
|
|
83
|
-
* @returns ARGB representation of a int32 color.
|
|
84
|
-
*/
|
|
85
|
-
export declare function argbFromRgba({ r, g, b, a }: Rgba): number;
|
|
86
|
-
export { argbFromRgb } from './argb-from-rgb';
|
|
87
|
-
export { linearized } from './linearized';
|
|
88
|
-
export { delinearized } from './delinearized';
|