diff --git a/packages/calcite-design-tokens/src/build/transforms/group/calcite.ts b/packages/calcite-design-tokens/src/build/transforms/group/calcite.ts index f93a52258e6..4217779d249 100644 --- a/packages/calcite-design-tokens/src/build/transforms/group/calcite.ts +++ b/packages/calcite-design-tokens/src/build/transforms/group/calcite.ts @@ -4,7 +4,6 @@ import { TransformValueSizePxToRem } from "../value/px-to-rem.js"; import { TransformNameRemoveTier } from "../name/remove-tier.js"; import { TransformNameRemoveDefault } from "../name/remove-default.js"; import { TransformNameIncludePlusMinus } from "../name/include-plus-minus.js"; -import { TransformValueSizeUnitlessToPx } from "../value/unitless-breakpoint-to-px.js"; import { TransformAttributePlatformNames } from "../attribute/platform-names.js"; import { TransformAttributeSchema } from "../attribute/schema.js"; import { RegisterFn } from "../../../types/interfaces.js"; @@ -41,7 +40,6 @@ export function getTransforms(): string[] { "ts/typography/fontWeight", "ts/color/modifiers", TransformValueSizePxToRem, - TransformValueSizeUnitlessToPx, TransformValueEnsureType, ]; diff --git a/packages/calcite-design-tokens/src/build/transforms/index.ts b/packages/calcite-design-tokens/src/build/transforms/index.ts index 6e6fd418fa8..a90fe60c186 100644 --- a/packages/calcite-design-tokens/src/build/transforms/index.ts +++ b/packages/calcite-design-tokens/src/build/transforms/index.ts @@ -3,7 +3,6 @@ import { registerNameIncludePlusMinus } from "./name/include-plus-minus.js"; import { registerValueSizePxToRem } from "./value/px-to-rem.js"; import { registerNameRemoveDefault } from "./name/remove-default.js"; import { registerTransformCalciteGroup } from "./group/calcite.js"; -import { registerValueSizeUnitlessToPx } from "./value/unitless-breakpoint-to-px.js"; import { registerAttributePlatformNames } from "./attribute/platform-names.js"; import { registerAttributeSchema } from "./attribute/schema.js"; import { registerNameCapitalCase } from "./name/capital-case.js"; @@ -21,7 +20,6 @@ export function registerTransformers(): void { registerNameIncludePlusMinus(); registerNameCapitalCase(); registerValueSizePxToRem(); - registerValueSizeUnitlessToPx(); registerValueEnsureType(); registerValueCorrectValue(); registerValueCorrectPropName(); @@ -31,7 +29,6 @@ export function registerTransformers(): void { } export { TransformValueSizePxToRem } from "./value/px-to-rem.js"; -export { TransformValueSizeUnitlessToPx } from "./value/unitless-breakpoint-to-px.js"; export { TransformValueMergeValues } from "./value/merge-value.js"; export { TransformValueEnsureType } from "./value/ensure-type.js"; export { TransformValueCorrectValue } from "./value/correct-value.js"; diff --git a/packages/calcite-design-tokens/src/build/transforms/value/unitless-breakpoint-to-px.ts b/packages/calcite-design-tokens/src/build/transforms/value/unitless-breakpoint-to-px.ts deleted file mode 100644 index 31189619e8d..00000000000 --- a/packages/calcite-design-tokens/src/build/transforms/value/unitless-breakpoint-to-px.ts +++ /dev/null @@ -1,37 +0,0 @@ -import type { TransformedToken, ValueTransform } from "style-dictionary/types"; -import StyleDictionary from "style-dictionary"; -import { getNumberAndUnit } from "../../utils/get-number-and-unit.js"; -import { RegisterFn } from "../../../types/interfaces.js"; -import { isBreakpoint } from "../../utils/token-types.js"; - -function isUnitless(token: TransformedToken) { - const matcher = getNumberAndUnit(token); - if (!matcher || !matcher.groups || matcher.groups.number === "0" || matcher.groups.unit) { - return false; - } - - return true; -} - -function filter(token: TransformedToken) { - return isBreakpoint(token) && isUnitless(token); -} - -const transformValueSizeUnitlessToPx: ValueTransform["transform"] = (token, _config, options) => { - const value = options.usesDtcg ? token.$value : token.value; - const parsedVal = parseFloat(value); - - return `${parsedVal}px`; -}; - -export const registerValueSizeUnitlessToPx: RegisterFn = () => { - StyleDictionary.registerTransform({ - name: TransformValueSizeUnitlessToPx, - type: "value", - filter, - transitive: true, - transform: transformValueSizeUnitlessToPx, - }); -}; - -export const TransformValueSizeUnitlessToPx = "calcite/transform/value/unitless-breakpoint-to-px";