Compare text

Find the difference between two text files

Real-time diff
Unified diff
Collapse lines
Highlight change
Syntax highlighting
Tools
Diffchecker Desktop icon
Diffchecker Desktop The most secure way to run Diffchecker. Get the Diffchecker Desktop app: your diffs never leave your computer!Get Desktop

[Calcite] Design tokens js global ✅

Created Diff never expires
276 removals
Words removed458
Total words1568
Words removed (%)29.21
808 lines
244 additions
Words added480
Total words1590
Words added (%)30.19
794 lines
/**
/**
* Do not edit directly
* Calcite Design System
* Generated on Sat, 08 Feb 2025 04:15:53 GMT
* File to be deprecated in next major release
* Do not edit directly, this file was auto-generated.
*/
*/


export default {
export default {
semantic: {
semantic: {
border: {
border: {
width: {
width: {
none: {
none: {
value: "0",
value: "0",
type: "borderWidth",
type: "dimension",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
type: "dimension",
component: "",
pattern: "",
element: "",
category: "border",
group: "width",
kind: "",
appearance: "",
property: "",
variant: "",
state: "",
scale: "none",
context: "",
mode: "",
},
},
category: "semantic",
type: "border",
item: "width",
subitem: "none",
names: {
names: {
scss: "$calcite-border-width-none",
scss: "$calcite-border-width-none",
css: "var(--calcite-border-width-none)",
css: "var(--calcite-border-width-none)",
js: "semantic.border.width.none",
js: "semantic.border.width.none",
docs: "semantic.border.width.none",
docs: "semantic.border.width.none",
es6: "calciteBorderWidthNone",
es6: "calciteBorderWidthNone",
},
},
},
},
filePath:
filePath: "src/tokens/semantic/border.json",
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/border.json",
isSource: true,
isSource: true,
original: {
original: {
value: "{core.size.default.none}",
value: "{core.size.default.none}",
type: "borderWidth",
type: "dimension",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
pattern: "",
pattern: "",
element: "",
element: "",
category: "border",
category: "border",
group: "width",
group: "width",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "",
variant: "",
state: "",
state: "",
scale: "none",
scale: "none",
context: "",
context: "",
mode: "",
mode: "",
},
},
},
},
},
},
name: "Border Width None",
name: "Border Width None",
path: ["semantic", "border", "width", "none"],
path: ["semantic", "border", "width", "none"],
key: "{semantic.border.width.none}",
},
},
sm: {
sm: {
value: "1px",
value: "1px",
type: "borderWidth",
type: "dimension",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
type: "dimension",
component: "",
pattern: "",
element: "",
category: "border",
group: "width",
kind: "",
appearance: "",
property: "",
variant: "",
state: "",
scale: "sm",
context: "",
mode: "",
},
},
category: "semantic",
type: "border",
item: "width",
subitem: "sm",
names: {
names: {
scss: "$calcite-border-width-sm",
scss: "$calcite-border-width-sm",
css: "var(--calcite-border-width-sm)",
css: "var(--calcite-border-width-sm)",
js: "semantic.border.width.sm",
js: "semantic.border.width.sm",
docs: "semantic.border.width.sm",
docs: "semantic.border.width.sm",
es6: "calciteBorderWidthSm",
es6: "calciteBorderWidthSm",
},
},
},
},
filePath:
filePath: "src/tokens/semantic/border.json",
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/border.json",
isSource: true,
isSource: true,
original: {
original: {
value: "{core.size.default.1}",
value: "{core.size.default.1}",
type: "borderWidth",
type: "dimension",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
pattern: "",
pattern: "",
element: "",
element: "",
category: "border",
category: "border",
group: "width",
group: "width",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "",
variant: "",
state: "",
state: "",
scale: "sm",
scale: "sm",
context: "",
context: "",
mode: "",
mode: "",
},
},
},
},
},
},
name: "Border Width Sm",
name: "Border Width Sm",
path: ["semantic", "border", "width", "sm"],
path: ["semantic", "border", "width", "sm"],
key: "{semantic.border.width.sm}",
},
},
md: {
md: {
value: "2px",
value: "2px",
type: "borderWidth",
type: "dimension",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
type: "dimension",
component: "",
pattern: "",
element: "",
category: "border",
group: "width",
kind: "",
appearance: "",
property: "",
variant: "",
state: "",
scale: "md",
context: "",
mode: "",
},
},
category: "semantic",
type: "border",
item: "width",
subitem: "md",
names: {
names: {
scss: "$calcite-border-width-md",
scss: "$calcite-border-width-md",
css: "var(--calcite-border-width-md)",
css: "var(--calcite-border-width-md)",
js: "semantic.border.width.md",
js: "semantic.border.width.md",
docs: "semantic.border.width.md",
docs: "semantic.border.width.md",
es6: "calciteBorderWidthMd",
es6: "calciteBorderWidthMd",
},
},
},
},
filePath:
filePath: "src/tokens/semantic/border.json",
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/border.json",
isSource: true,
isSource: true,
original: {
original: {
value: "{core.size.default.2}",
value: "{core.size.default.2}",
type: "borderWidth",
type: "dimension",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
pattern: "",
pattern: "",
element: "",
element: "",
category: "border",
category: "border",
group: "width",
group: "width",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "",
variant: "",
state: "",
state: "",
scale: "md",
scale: "md",
context: "",
context: "",
mode: "",
mode: "",
},
},
},
},
},
},
name: "Border Width Md",
name: "Border Width Md",
path: ["semantic", "border", "width", "md"],
path: ["semantic", "border", "width", "md"],
key: "{semantic.border.width.md}",
},
},
lg: {
lg: {
value: "4px",
value: "4px",
type: "borderWidth",
type: "dimension",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
type: "dimension",
component: "",
pattern: "",
element: "",
category: "border",
group: "width",
kind: "",
appearance: "",
property: "",
variant: "",
state: "",
scale: "lg",
context: "",
mode: "",
},
},
category: "semantic",
type: "border",
item: "width",
subitem: "lg",
names: {
names: {
scss: "$calcite-border-width-lg",
scss: "$calcite-border-width-lg",
css: "var(--calcite-border-width-lg)",
css: "var(--calcite-border-width-lg)",
js: "semantic.border.width.lg",
js: "semantic.border.width.lg",
docs: "semantic.border.width.lg",
docs: "semantic.border.width.lg",
es6: "calciteBorderWidthLg",
es6: "calciteBorderWidthLg",
},
},
},
},
filePath:
filePath: "src/tokens/semantic/border.json",
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/border.json",
isSource: true,
isSource: true,
original: {
original: {
value: "{core.size.default.4}",
value: "{core.size.default.4}",
type: "borderWidth",
type: "dimension",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
pattern: "",
pattern: "",
element: "",
element: "",
category: "border",
category: "border",
group: "width",
group: "width",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "",
variant: "",
state: "",
state: "",
scale: "lg",
scale: "lg",
context: "",
context: "",
mode: "",
mode: "",
},
},
},
},
},
},
name: "Border Width Lg",
name: "Border Width Lg",
path: ["semantic", "border", "width", "lg"],
path: ["semantic", "border", "width", "lg"],
key: "{semantic.border.width.lg}",
},
},
},
},
},
},
color: {
color: {
background: {
background: {
default: {
default: {
value: {
value: {
light: "#f8f8f8",
light: "#f8f8f8",
dark: "#353535",
dark: "#353535",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
type: "color",
component: "",
pattern: "",
element: "",
category: "color",
group: "background",
kind: "",
appearance: "",
property: "",
variant: "default",
state: "",
scale: "",
context: "",
mode: "",
},
},
category: "semantic",
type: "color",
item: "background",
subitem: "default",
names: {
names: {
scss: "$calcite-color-background",
scss: "$calcite-color-background",
css: "var(--calcite-color-background)",
css: "var(--calcite-color-background)",
js: "semantic.color.background.default",
js: "semantic.color.background.default",
docs: "semantic.color.background.default",
docs: "semantic.color.background.default",
es6: "calciteColorBackground",
es6: "calciteColorBackground",
},
},
},
},
filePath:
filePath: "src/tokens/semantic/color.json",
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/color.json",
isSource: true,
isSource: true,
original: {
original: {
value: {
value: {
light: "{core.color.neutral.blk-005}",
light: "{core.color.neutral.blk-005}",
dark: "{core.color.neutral.blk-190}",
dark: "{core.color.neutral.blk-190}",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
pattern: "",
pattern: "",
element: "",
element: "",
category: "color",
category: "color",
group: "background",
group: "background",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "default",
variant: "default",
state: "",
state: "",
scale: "",
scale: "",
context: "",
context: "",
mode: "",
mode: "",
},
},
},
},
},
},
name: "Color Background",
name: "Color Background",
path: ["semantic", "color", "background", "default"],
path: ["semantic", "color", "background", "default"],
key: "{semantic.color.background.default}",
},
},
none: {
none: {
value: "rgba(255, 255, 255, 0)",
value: "rgba(255, 255, 255, 0)",
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
type: "color",
component: "",
pattern: "",
element: "",
category: "color",
group: "background",
kind: "",
appearance: "",
property: "",
variant: "none",
state: "",
scale: "",
context: "",
mode: "",
},
},
category: "semantic",
type: "color",
item: "background",
subitem: "none",
names: {
names: {
scss: "$calcite-color-background-none",
scss: "$calcite-color-background-none",
css: "var(--calcite-color-background-none)",
css: "var(--calcite-color-background-none)",
js: "semantic.color.background.none",
js: "semantic.color.background.none",
docs: "semantic.color.background.none",
docs: "semantic.color.background.none",
es6: "calciteColorBackgroundNone",
es6: "calciteColorBackgroundNone",
},
},
},
},
filePath:
filePath: "src/tokens/semantic/color.json",
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/color.json",
isSource: true,
isSource: true,
original: {
original: {
value: "rgba({core.color.neutral.blk-000}, {core.opacity.0})",
value: "rgba({core.color.neutral.blk-000}, {core.opacity.0})",
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
pattern: "",
pattern: "",
element: "",
element: "",
category: "color",
category: "color",
group: "background",
group: "background",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "none",
variant: "none",
state: "",
state: "",
scale: "",
scale: "",
context: "",
context: "",
mode: "",
mode: "",
},
},
},
},
},
},
name: "Color Background None",
name: "Color Background None",
path: ["semantic", "color", "background", "none"],
path: ["semantic", "color", "background", "none"],
key: "{semantic.color.background.none}",
},
},
},
},
focus: {
type: "color",
value: {
light: "#007ac2",
dark: "#009af2",
},
attributes: {
"calcite-schema": {
system: "calcite",
tier: "semantic",
domain: "",
component: "",
element: "",
type: "color",
group: "",
kind: "",
appearance: "",
state: "focus",
scale: "",
context: "",
mode: "",
},
names: {
scss: "$calcite-color-focus",
css: "var(--calcite-color-focus)",
js: "semantic.color.focus",
docs: "semantic.color.focus",
es6: "calciteColorFocus",
},
},
filePath:
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/color.json",
isSource: true,
original: {
type: "color",
value: "{semantic.color.brand.default.default}",
Text moved with changes to lines 740-751 (84.3% similarity)
attributes: {
"calcite-schema": {
system: "calcite",
tier: "semantic",
domain: "",
component: "",
element: "",
type: "color",
group: "",
kind: "",
appearance: "",
state: "focus",
scale: "",
context: "",
mode: "",
},
},
},
name: "Color Focus",
path: ["semantic", "color", "focus"],
},
foreground: {
foreground: {
1: {
1: {
value: {
value: {
light: "#ffffff",
light: "#ffffff",
dark: "#2b2b2b",
dark: "#2b2b2b",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
type: "color",
component: "",
element: "",
category: "color",
group: "foreground",
kind: "",
appearance: "",
property: "",
variant: "1",
state: "",
scale: "",
context: "",
mode: "",
},
},
category: "semantic",
type: "color",
item: "foreground",
subitem: "1",
names: {
names: {
scss: "$calcite-color-foreground-1",
scss: "$calcite-color-foreground-1",
css: "var(--calcite-color-foreground-1)",
css: "var(--calcite-color-foreground-1)",
js: "semantic.color.foreground.1",
js: "semantic.color.foreground.1",
docs: "semantic.color.foreground.1",
docs: "semantic.color.foreground.1",
es6: "calciteColorForeground1",
es6: "calciteColorForeground1",
},
},
},
},
filePath:
filePath: "src/tokens/semantic/color.json",
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/color.json",
isSource: true,
isSource: true,
original: {
original: {
value: {
value: {
light: "{core.color.neutral.blk-000}",
light: "{core.color.neutral.blk-000}",
dark: "{core.color.neutral.blk-200}",
dark: "{core.color.neutral.blk-200}",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
element: "",
element: "",
category: "color",
category: "color",
group: "foreground",
group: "foreground",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "1",
variant: "1",
state: "",
state: "",
scale: "",
scale: "",
context: "",
context: "",
mode: "",
mode: "",
},
},
},
},
},
},
name: "Color Foreground 1",
name: "Color Foreground 1",
path: ["semantic", "color", "foreground", "1"],
path: ["semantic", "color", "foreground", "1"],
key: "{semantic.color.foreground.1}",
},
},
2: {
2: {
value: {
value: {
light: "#f3f3f3",
light: "#f3f3f3",
dark: "#202020",
dark: "#202020",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
type: "color",
component: "",
pattern: "",
element: "",
category: "color",
group: "foreground",
kind: "",
appearance: "",
property: "",
variant: "2",
state: "",
scale: "",
context: "",
mode: "",
},
},
category: "semantic",
type: "color",
item: "foreground",
subitem: "2",
names: {
names: {
scss: "$calcite-color-foreground-2",
scss: "$calcite-color-foreground-2",
css: "var(--calcite-color-foreground-2)",
css: "var(--calcite-color-foreground-2)",
js: "semantic.color.foreground.2",
js: "semantic.color.foreground.2",
docs: "semantic.color.foreground.2",
docs: "semantic.color.foreground.2",
es6: "calciteColorForeground2",
es6: "calciteColorForeground2",
},
},
},
},
filePath:
filePath: "src/tokens/semantic/color.json",
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/color.json",
isSource: true,
isSource: true,
original: {
original: {
value: {
value: {
light: "{core.color.neutral.blk-010}",
light: "{core.color.neutral.blk-010}",
dark: "{core.color.neutral.blk-210}",
dark: "{core.color.neutral.blk-210}",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
pattern: "",
pattern: "",
element: "",
element: "",
category: "color",
category: "color",
group: "foreground",
group: "foreground",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "2",
variant: "2",
state: "",
state: "",
scale: "",
scale: "",
context: "",
context: "",
mode: "",
mode: "",
},
},
},
},
},
},
name: "Color Foreground 2",
name: "Color Foreground 2",
path: ["semantic", "color", "foreground", "2"],
path: ["semantic", "color", "foreground", "2"],
key: "{semantic.color.foreground.2}",
},
},
3: {
3: {
value: {
value: {
light: "#eaeaea",
light: "#eaeaea",
dark: "#151515",
dark: "#151515",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
type: "color",
component: "",
pattern: "",
element: "",
category: "color",
group: "foreground",
kind: "",
appearance: "",
property: "",
variant: "3",
state: "",
scale: "",
context: "",
mode: "",
},
},
category: "semantic",
type: "color",
item: "foreground",
subitem: "3",
names: {
names: {
scss: "$calcite-color-foreground-3",
scss: "$calcite-color-foreground-3",
css: "var(--calcite-color-foreground-3)",
css: "var(--calcite-color-foreground-3)",
js: "semantic.color.foreground.3",
js: "semantic.color.foreground.3",
docs: "semantic.color.foreground.3",
docs: "semantic.color.foreground.3",
es6: "calciteColorForeground3",
es6: "calciteColorForeground3",
},
},
},
},
filePath:
filePath: "src/tokens/semantic/color.json",
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/color.json",
isSource: true,
isSource: true,
original: {
original: {
value: {
value: {
light: "{core.color.neutral.blk-020}",
light: "{core.color.neutral.blk-020}",
dark: "{core.color.neutral.blk-220}",
dark: "{core.color.neutral.blk-220}",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
pattern: "",
pattern: "",
element: "",
element: "",
category: "color",
category: "color",
group: "foreground",
group: "foreground",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "3",
variant: "3",
state: "",
state: "",
scale: "",
scale: "",
context: "",
context: "",
mode: "",
mode: "",
},
},
},
},
},
},
name: "Color Foreground 3",
name: "Color Foreground 3",
path: ["semantic", "color", "foreground", "3"],
path: ["semantic", "color", "foreground", "3"],
key: "{semantic.color.foreground.3}",
},
},
current: {
current: {
value: {
value: {
light: "#c7eaff",
light: "#c7eaff",
dark: "#214155",
dark: "#214155",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
type: "color",
component: "",
pattern: "",
element: "",
category: "color",
group: "foreground",
kind: "",
appearance: "",
property: "",
variant: "current",
state: "",
scale: "",
context: "",
mode: "",
},
},
category: "semantic",
type: "color",
item: "foreground",
subitem: "current",
names: {
names: {
scss: "$calcite-color-foreground-current",
scss: "$calcite-color-foreground-current",
css: "var(--calcite-color-foreground-current)",
css: "var(--calcite-color-foreground-current)",
js: "semantic.color.foreground.current",
js: "semantic.color.foreground.current",
docs: "semantic.color.foreground.current",
docs: "semantic.color.foreground.current",
es6: "calciteColorForegroundCurrent",
es6: "calciteColorForegroundCurrent",
},
},
},
},
filePath:
filePath: "src/tokens/semantic/color.json",
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/color.json",
isSource: true,
isSource: true,
original: {
original: {
value: {
value: {
light: "{core.color.high-saturation.blue.h-bb-010}",
light: "{core.color.high-saturation.blue.h-bb-010}",
dark: "#214155",
dark: "#214155",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
pattern: "",
pattern: "",
element: "",
element: "",
category: "color",
category: "color",
group: "foreground",
group: "foreground",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "current",
variant: "current",
state: "",
state: "",
scale: "",
scale: "",
context: "",
context: "",
mode: "",
mode: "",
},
},
},
},
},
},
name: "Color Foreground Current",
name: "Color Foreground Current",
path: ["semantic", "color", "foreground", "current"],
path: ["semantic", "color", "foreground", "current"],
key: "{semantic.color.foreground.current}",
},
},
},
},
transparent: {
transparent: {
default: {
default: {
default: {
default: {
value: {
value: {
light: "rgba(0, 0, 0, 0)",
light: "rgba(0, 0, 0, 0)",
dark: "rgba(255, 255, 255, 0)",
dark: "rgba(255, 255, 255, 0)",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
type: "color",
component: "",
pattern: "",
element: "",
category: "color",
group: "transparent",
kind: "",
appearance: "",
property: "",
variant: "",
state: "default",
scale: "",
context: "",
mode: "",
},
},
category: "semantic",
type: "color",
item: "transparent",
subitem: "default",
state: "default",
names: {
names: {
scss: "$calcite-color-transparent",
scss: "$calcite-color-transparent",
css: "var(--calcite-color-transparent)",
css: "var(--calcite-color-transparent)",
js: "semantic.color.transparent.default.default",
js: "semantic.color.transparent.default.default",
docs: "semantic.color.transparent.default.default",
docs: "semantic.color.transparent.default.default",
es6: "calciteColorTransparent",
es6: "calciteColorTransparent",
},
},
},
},
filePath:
filePath: "src/tokens/semantic/color.json",
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/color.json",
isSource: true,
isSource: true,
original: {
original: {
value: {
value: {
light: "rgba({core.color.neutral.blk-240}, {core.opacity.0})",
light: "rgba({core.color.neutral.blk-240}, {core.opacity.0})",
dark: "rgba({core.color.neutral.blk-000}, {core.opacity.0})",
dark: "rgba({core.color.neutral.blk-000}, {core.opacity.0})",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
pattern: "",
pattern: "",
element: "",
element: "",
category: "color",
category: "color",
group: "transparent",
group: "transparent",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "",
variant: "",
state: "default",
state: "default",
scale: "",
scale: "",
context: "",
context: "",
mode: "",
mode: "",
},
},
},
},
},
},
name: "Color Transparent",
name: "Color Transparent",
path: ["semantic", "color", "transparent", "default", "default"],
path: ["semantic", "color", "transparent", "default", "default"],
key: "{semantic.color.transparent.default.default}",
},
},
hover: {
hover: {
value: {
value: {
light: "rgba(0, 0, 0, 0.04)",
light: "rgba(0, 0, 0, 0.04)",
dark: "rgba(255, 255, 255, 0.04)",
dark: "rgba(255, 255, 255, 0.04)",
},
},
type: "color",
type: "color",
attributes: {
attributes: {
"calcite-schema": {
"calcite-schema": {
system: "calcite",
system: "calcite",
tier: "semantic",
tier: "semantic",
type: "color",
},
category: "semantic",
type: "color",
item: "transparent",
subitem: "default",
state: "hover",
Text moved from lines 795-801
names: {
scss: "$calcite-color-transparent-hover",
css: "var(--calcite-color-transparent-hover)",
js: "semantic.color.transparent.default.hover",
docs: "semantic.color.transparent.default.hover",
es6: "calciteColorTransparentHover",
},
},
filePath: "src/tokens/semantic/color.json",
Text moved with changes from lines 805-808 (98.5% similarity)
isSource: true,
original: {
value: {
light: "rgba({core.color.neutral.blk-240}, {core.opacity.4})",
dark: "rgba({core.color.neutral.blk-000}, {core.opacity.4})",
},
type: "color",
attributes: {
"calcite-schema": {
system: "calcite",
tier: "semantic",
domain: "",
component: "",
pattern: "",
element: "",
category: "color",
group: "transparent",
kind: "",
appearance: "",
property: "",
variant: "",
state: "hover",
scale: "",
context: "",
mode: "",
},
},
},
name: "Color Transparent Hover",
path: ["semantic", "color", "transparent", "default", "hover"],
key: "{semantic.color.transparent.default.hover}",
},
press: {
value: {
light: "rgba(0, 0, 0, 0.08)",
dark: "rgba(255, 255, 255, 0.08)",
},
type: "color",
attributes: {
"calcite-schema": {
system: "calcite",
tier: "semantic",
type: "color",
},
category: "semantic",
type: "color",
item: "transparent",
subitem: "default",
state: "press",
names: {
scss: "$calcite-color-transparent-press",
css: "var(--calcite-color-transparent-press)",
js: "semantic.color.transparent.default.press",
docs: "semantic.color.transparent.default.press",
es6: "calciteColorTransparentPress",
},
},
filePath: "src/tokens/semantic/color.json",
isSource: true,
original: {
value: {
light: "rgba({core.color.neutral.blk-240}, {core.opacity.8})",
dark: "rgba({core.color.neutral.blk-000}, {core.opacity.8})",
},
type: "color",
attributes: {
"calcite-schema": {
system: "calcite",
tier: "semantic",
domain: "",
component: "",
pattern: "",
element: "",
category: "color",
group: "transparent",
kind: "",
appearance: "",
property: "",
variant: "",
state: "press",
scale: "",
context: "",
mode: "",
},
},
},
name: "Color Transparent Press",
path: ["semantic", "color", "transparent", "default", "press"],
key: "{semantic.color.transparent.default.press}",
},
},
scrim: {
value: {
light: "rgba(255, 255, 255, 0.85)",
dark: "rgba(0, 0, 0, 0.85)",
},
type: "color",
Text moved with changes from lines 417-428 (84.3% similarity)
attributes: {
"calcite-schema": {
system: "calcite",
tier: "semantic",
type: "color",
},
category: "semantic",
type: "color",
item: "transparent",
subitem: "scrim",
names: {
scss: "$calcite-color-transparent-scrim",
css: "var(--calcite-color-transparent-scrim)",
js: "semantic.color.transparent.scrim",
docs: "semantic.color.transparent.scrim",
es6: "calciteColorTransparentScrim",
},
},
filePath: "src/tokens/semantic/color.json",
isSource: true,
original: {
value: {
light: "rgba({core.color.neutral.blk-000}, {core.opacity.85})",
dark: "rgba({core.color.neutral.blk-240}, {core.opacity.85})",
},
type: "color",
attributes: {
"calcite-schema": {
system: "calcite",
tier: "semantic",
domain: "",
domain: "",
component: "",
component: "",
pattern: "",
pattern: "",
element: "",
element: "",
category: "color",
category: "color",
group: "transparent",
group: "transparent",
kind: "",
kind: "",
appearance: "",
appearance: "",
property: "",
property: "",
variant: "",
variant: "scrim",
state: "hover",
state: "",
scale: "",
scale: "",
context: "",
context: "",
mode: "",
mode: "",
},
},
Text moved to lines 634-640
names: {
scss: "$calcite-color-transparent-hover",
css: "var(--calcite-color-transparent-hover)",
js: "semantic.color.transparent.default.hover",
docs: "semantic.color.transparent.default.hover",
es6: "calciteColorTransparentHover",
},
},
},
filePath:
},
"/home/runner/work/calcite-design-system/calcite-design-system/packages/calcite-design-tokens/src/semantic/color.json",
name: "Color Transparent Scrim",
Text moved with changes to lines 643-646 (98.5% similarity)
isSource: true,
path: ["semantic", "color", "transparent", "scrim"],
original: {
key: "{semantic.color.transparent.scrim}",
value: {
},
light: "rgba({core.color.neutral.blk-240}, {core.opac
tint: {
value: {
light: "rgba(255, 255, 255, 0.8)",
dark: "
Saved diffs