npm - @conduction/theme - Versions diffs - 1.1.5 → 1.1.7 - Mend

@conduction/theme 1.1.5 → 1.1.7

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 (531) hide show

package/municipalities/noordwijk-design-tokens/node_modules/@nl-design-system-unstable/rotterdam-design-tokens/dist/index.js DELETED Viewed

@@ -1,303 +0,0 @@
-/**
- * Do not edit directly
- * Generated on Tue, 29 Aug 2023 06:39:41 GMT
- */
-export const rotterdamColorBaseWhite = "#ffffff"; // Base/White
-export const rotterdamColorBaseBlack = "#000000"; // Base/Black
-export const rotterdamColorBaseGreen = "#00811F"; // Base/Green
-export const rotterdamColorBaseMagenta = "#C93675"; // Base/Magenta
-export const rotterdamColorBaseGray = "#EFF4F6"; // Base/Gray
-export const rotterdamColorGrayTint01 = "#EFF4F6"; // Gray/Tint 01
-export const rotterdamColorGrayTint02 = "#E4EEF1"; // Gray/Tint 02
-export const rotterdamColorGrayTint03 = "#DBE7EA"; // Gray/Tint 03
-export const rotterdamColorGrayTint04 = "#CAD6DA"; // Gray/Tint 04
-export const rotterdamColorGrayTint05 = "#B6C4C8"; // Gray/Tint 05
-export const rotterdamColorGrayTint06 = "#9DAFB6"; // Gray/Tint 06
-export const rotterdamColorGrayTint07 = "#8D9DA4"; // Gray/Tint 07
-export const rotterdamColorGrayTint08 = "#7C8B90"; // Gray/Tint 08
-export const rotterdamColorGrayTint09 = "#65757B"; // Gray/Tint 09
-export const rotterdamColorGrayTint10 = "#536165"; // Gray/Tint 10
-export const rotterdamColorGrayTint11 = "#404B4F"; // Gray/Tint 11
-export const rotterdamColorLightBlueTint01 = "#A8E8F5"; // Secondary/Blue/Tint 01
-export const rotterdamColorLightBlueTint02 = "#92CFE1"; // Secondary/Blue/Tint 02
-export const rotterdamColorLightBlueTint03 = "#76C1D3"; // Secondary/Blue/Tint 03
-export const rotterdamColorBlueTint01 = "#1791D4"; // Secondary/Blue/Tint 01
-export const rotterdamColorBlueTint02 = "#0084C4"; // Secondary/Blue/Tint 02
-export const rotterdamColorBlueTint03 = "#0079B8"; // Secondary/Blue/Tint 03
-export const rotterdamColorDarkBlueTint01 = "#00548F"; // Secondary/Blue/Tint 01
-export const rotterdamColorDarkBlueTint02 = "#084279"; // Secondary/Blue/Tint 02
-export const rotterdamColorDarkBlueTint03 = "#083968"; // Secondary/Blue/Tint 03
-export const rotterdamColorGreenBlueTint01 = "#09957B"; // Secondary/Green blue/Tint 01
-export const rotterdamColorGreenBlueTint02 = "#00846D"; // Secondary/Green blue/Tint 02
-export const rotterdamColorGreenBlueTint03 = "#00755F"; // Secondary/Green blue/Tint 03
-export const rotterdamColorDarkGreenTint01 = "#004C31"; // Secondary/Dark green/Tint 01
-export const rotterdamColorDarkGreenTint02 = "#07341B"; // Secondary/Dark green/Tint 02
-export const rotterdamColorDarkGreenTint03 = "#001905"; // Secondary/Dark green/Tint 03
-export const rotterdamColorGreenTint01 = "#00811F"; // Secondary/Green/Tint 01
-export const rotterdamColorGreenTint02 = "#006E32"; // Secondary/Green/Tint 02
-export const rotterdamColorGreenTint03 = "#00602E"; // Secondary/Green/Tint 03
-export const rotterdamColorGreenLightTint01 = "#57B051"; // Secondary/Green light/Tint 01
-export const rotterdamColorGreenLightTint02 = "#11A03E"; // Secondary/Green light/Tint 02
-export const rotterdamColorGreenLightTint03 = "#11A03E"; // Secondary/Green light/Tint 03
-export const rotterdamColorSoftGreenTint01 = "#E1EFE2"; // Secondary/Soft green/Tint 01
-export const rotterdamColorSoftGreenTint02 = "#D1E6CE"; // Secondary/Soft green/Tint 02
-export const rotterdamColorSoftGreenTint03 = "#99CCA0"; // Secondary/Soft green/Tint 03
-export const rotterdamColorLimeGreenTint01 = "#7DC90F"; // Secondary/Lime green/Tint 01
-export const rotterdamColorLimeGreenTint02 = "#73B129"; // Secondary/Lime green/Tint 02
-export const rotterdamColorLimeGreenTint03 = "#62A72B"; // Secondary/Lime green/Tint 03
-export const rotterdamColorYellowTint01 = "#FDEC3D"; // Secondary/Yellow/Tint 01
-export const rotterdamColorYellowTint02 = "#EDDE26"; // Secondary/Yellow/Tint 02
-export const rotterdamColorYellowTint03 = "#E1D600"; // Secondary/Yellow/Tint 03
-export const rotterdamColorDarkYellowTint01 = "#EDB500"; // Secondary/Dark yellow/Tint 01
-export const rotterdamColorDarkYellowTint02 = "#E0A200"; // Secondary/Dark yellow/Tint 02
-export const rotterdamColorDarkYellowTint03 = "#D99600"; // Secondary/Dark yellow/Tint 03
-export const rotterdamColorBrightOrangeTint01 = "#EF7D00"; // Secondary/Bright orange/Tint 01
-export const rotterdamColorBrightOrangeTint02 = "#E56E02"; // Secondary/Bright orange/Tint 02
-export const rotterdamColorBrightOrangeTint03 = "#DB5F06"; // Secondary/Bright orange/Tint 03
-export const rotterdamColorOrangeTint01 = "#E3614D"; // Secondary/Orange/Tint 01
-export const rotterdamColorOrangeTint02 = "#D85644"; // Secondary/Orange/Tint 02
-export const rotterdamColorOrangeTint03 = "#CE4C3B"; // Secondary/Orange/Tint 03
-export const rotterdamColorPinkTint01 = "#E6007E"; // Secondary/Pink/Tint 01
-export const rotterdamColorPinkTint02 = "#CE0075"; // Secondary/Pink/Tint 02
-export const rotterdamColorPinkTint03 = "#B21271"; // Secondary/Pink/Tint 03
-export const rotterdamColorMagentaTint01 = "#C93675"; // Secondary/Magenta/Tint 01
-export const rotterdamColorMagentaTint02 = "#A12B5E"; // Secondary/Magenta/Tint 02
-export const rotterdamColorMagentaTint03 = "#792046"; // Secondary/Magenta/Tint 03
-export const rotterdamColorPurpleTint01 = "#701747"; // Secondary/Purple/Tint 01
-export const rotterdamColorPurpleTint02 = "#510E33"; // Secondary/Purple/Tint 02
-export const rotterdamColorPurpleTint03 = "#420C2F"; // Secondary/Purple/Tint 03
-export const rotterdamColorDarkBrownTint01 = "#6B4236"; // Secondary/Dark brown/Tint 01
-export const rotterdamColorDarkBrownTint02 = "#5E362C"; // Secondary/Dark brown/Tint 02
-export const rotterdamColorDarkBrownTint03 = "#552D25"; // Secondary/Dark brown/Tint 03
-export const rotterdamColorBrownTint01 = "#AB8061"; // Secondary/Brown/Tint 01
-export const rotterdamColorBrownTint02 = "#997056"; // Secondary/Brown/Tint 02
-export const rotterdamColorBrownTint03 = "#8B644C"; // Secondary/Brown/Tint 03
-export const rotterdamColorRedTint01 = "#FE1818"; // Secondary/Red/Tint 01
-export const rotterdamColorRedTint02 = "#D70D0D"; // Secondary/Red/Tint 02
-export const rotterdamColorRedTint03 = "#9A0F0F"; // Secondary/Red/Tint 03
-export const rotterdamTypographySansSerifFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
-export const rotterdamTypographyScale6xlFontSize = "64px";
-export const rotterdamTypographyScale6xlLineHeight = "72px";
-export const rotterdamTypographyScale5xlFontSize = "48px";
-export const rotterdamTypographyScale5xlLineHeight = "56px";
-export const rotterdamTypographyScale4xlFontSize = "40px";
-export const rotterdamTypographyScale4xlLineHeight = "48px";
-export const rotterdamTypographyScale3xlFontSize = "32px";
-export const rotterdamTypographyScale3xlLineHeight = "40px";
-export const rotterdamTypographyScale2xlFontSize = "28px";
-export const rotterdamTypographyScale2xlLineHeight = "36px";
-export const rotterdamTypographyScaleXlFontSize = "24px";
-export const rotterdamTypographyScaleXlLineHeight = "32px";
-export const rotterdamTypographyScaleLgFontSize = "20px";
-export const rotterdamTypographyScaleLgLineHeight = "28px";
-export const rotterdamTypographyScaleMdFontSize = "16px";
-export const rotterdamTypographyScaleMdLineHeight = "24px";
-export const rotterdamTypographyScaleSmFontSize = "12px";
-export const rotterdamTypographyScaleSmLineHeight = "20px";
-export const rotterdamTypographyWeightScaleBoldFontWeight = "700";
-export const rotterdamTypographyWeightScaleNormalFontWeight = "400";
-export const rotterdamSpaceScale0 = "0";
-export const rotterdamSpaceScale1 = "4px";
-export const rotterdamSpaceScale2 = "8px";
-export const rotterdamSpaceScale3 = "16px";
-export const rotterdamSpaceScale4 = "32px";
-export const rotterdamSpaceScale5 = "64px";
-export const rotterdamSpaceScale6 = "128px";
-export const rotterdamSpaceScale7 = "256px";
-export const rotterdamButtonLineHeight = "24px";
-export const rotterdamFormFieldsetLegendBorderBlockEndColor = "#CAD6DA";
-export const rotterdamFormFieldsetLegendBorderBlockEndWidth = "1px";
-export const rotterdamFormFieldsetLegendPaddingBlockEnd = "12px";
-export const rotterdamParagraphSmallFontSize = "12px";
-export const rotterdamParagraphSmallLineHeight = "20px";
-export const rotterdamTextboxHoverBorderColor = "#00811F";
-export const rotterdamTextboxHoverBorderWidth = "2px";
-export const utrechtActionBusyCursor = "wait";
-export const utrechtActionDisabledCursor = "not-allowed";
-export const utrechtActionSubmitCursor = "pointer";
-export const utrechtFocusOutlineColor = "#000000";
-export const utrechtFocusOutlineOffset = "1px";
-export const utrechtFocusOutlineStyle = "solid";
-export const utrechtFocusOutlineWidth = "1px";
-export const utrechtSpaceBlock3xs = "0";
-export const utrechtSpaceBlock2xs = "4px";
-export const utrechtSpaceBlockXs = "8px";
-export const utrechtSpaceBlockSm = "12px";
-export const utrechtSpaceBlockMd = "16px";
-export const utrechtSpaceBlockLg = "20px";
-export const utrechtSpaceBlockXl = "24px";
-export const utrechtSpaceBlock2xl = "28px";
-export const utrechtSpaceBlock3xl = "32px";
-export const utrechtSpaceBlock4xl = "36px";
-export const utrechtSpaceBlock5xl = "40px";
-export const utrechtSpaceInline3xs = "0.125ch";
-export const utrechtSpaceInline2xs = "0.25ch";
-export const utrechtSpaceInlineXs = "0.5ch";
-export const utrechtSpaceInlineSm = "0.75ch";
-export const utrechtSpaceInlineMd = "1ch";
-export const utrechtSpaceInlineLg = "1.5ch";
-export const utrechtSpaceInlineXl = "1.75ch";
-export const utrechtSpaceInline2xl = "2ch";
-export const utrechtSpaceInline3xl = "3ch";
-export const utrechtSpaceRow3xs = "0";
-export const utrechtSpaceRow2xs = "4px";
-export const utrechtSpaceRowXs = "8px";
-export const utrechtSpaceRowSm = "12px";
-export const utrechtSpaceRowMd = "16px";
-export const utrechtSpaceRowLg = "20px";
-export const utrechtSpaceRowXl = "24px";
-export const utrechtSpaceRow2xl = "28px";
-export const utrechtSpaceRow3xl = "32px";
-export const utrechtSpaceRow4xl = "36px";
-export const utrechtSpaceRow5xl = "40px";
-export const utrechtSpaceColumn3xs = "0";
-export const utrechtSpaceColumn2xs = "4px";
-export const utrechtSpaceColumnXs = "8px";
-export const utrechtSpaceColumnSm = "12px";
-export const utrechtSpaceColumnMd = "16px";
-export const utrechtSpaceColumnLg = "20px";
-export const utrechtSpaceColumnXl = "24px";
-export const utrechtSpaceColumn2xl = "28px";
-export const utrechtSpaceColumn3xl = "32px";
-export const utrechtSpaceColumn4xl = "36px";
-export const utrechtSpaceColumn5xl = "40px";
-export const utrechtBadgeCounterBorderRadius = "2em";
-export const utrechtBadgeCounterFontWeight = "400";
-export const utrechtBadgeCounterPaddingBlockEnd = "5px";
-export const utrechtBadgeCounterPaddingInlineStart = "5px";
-export const utrechtBadgeBackgroundColor = "#0079B8";
-export const utrechtBadgeBorderRadius = "0";
-export const utrechtBadgeColor = "#ffffff";
-export const utrechtBadgeFontSize = "12px";
-export const utrechtBadgeFontWeight = "700";
-export const utrechtBadgePaddingBlock = "2px";
-export const utrechtBadgePaddingInline = "8px";
-export const utrechtButtonBackgroundColor = "#00811F";
-export const utrechtButtonBorderWidth = "0";
-export const utrechtButtonColor = "#ffffff";
-export const utrechtButtonFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
-export const utrechtButtonFontSize = {"font-size":{"value":"16px","filePath":"src/brand/rotterdam/typography.tokens.json","isSource":true,"original":{"value":"16px"},"name":"rotterdamTypographyScaleMdFontSize","attributes":{"category":"rotterdam","type":"typography","item":"scale","subitem":"md","state":"font-size"},"path":["rotterdam","typography","scale","md","font-size"]},"line-height":{"value":"24px","filePath":"src/brand/rotterdam/typography.tokens.json","isSource":true,"original":{"value":"24px"},"name":"rotterdamTypographyScaleMdLineHeight","attributes":{"category":"rotterdam","type":"typography","item":"scale","subitem":"md","state":"line-height"},"path":["rotterdam","typography","scale","md","line-height"]}};
-export const utrechtButtonFontWeight = "700";
-export const utrechtButtonPaddingBlockEnd = "13px";
-export const utrechtButtonPaddingBlockStart = "11px";
-export const utrechtButtonPaddingInlineEnd = "16px";
-export const utrechtButtonPaddingInlineStart = "16px";
-export const utrechtButtonHoverBackgroundColor = "#006E32";
-export const utrechtButtonFocusBorderColor = "#000000";
-export const utrechtButtonDisabledBackgroundColor = "#CAD6DA";
-export const utrechtButtonDisabledColor = "#65757B";
-export const utrechtButtonPrimaryActionBackgroundColor = "#C93675";
-export const utrechtButtonPrimaryActionColor = "#ffffff";
-export const utrechtButtonPrimaryActionHoverBackgroundColor = "#A12B5E";
-export const utrechtButtonSecondaryActionBackgroundColor = "#000000";
-export const utrechtButtonSecondaryActionColor = "#ffffff";
-export const utrechtButtonSecondaryActionHoverBackgroundColor = "#404B4F";
-export const utrechtButtonSecondaryActionHoverBorderColor = "none";
-export const utrechtButtonSubtleBackgroundColor = "#ffffff";
-export const utrechtButtonSubtleColor = "#00811F";
-export const utrechtButtonSubtleDisabledBackgroundColor = "#CAD6DA";
-export const utrechtButtonSubtleDisabledColor = "#65757B";
-export const utrechtButtonSubtleHoverColor = "#00602E";
-export const utrechtCodeBlockBackgroundColor = "#EFF4F6";
-export const utrechtCodeBlockColor = "#404B4F";
-export const utrechtCodeBlockFontSize = {"font-size":{"value":"16px","filePath":"src/brand/rotterdam/typography.tokens.json","isSource":true,"original":{"value":"16px"},"name":"rotterdamTypographyScaleMdFontSize","attributes":{"category":"rotterdam","type":"typography","item":"scale","subitem":"md","state":"font-size"},"path":["rotterdam","typography","scale","md","font-size"]},"line-height":{"value":"24px","filePath":"src/brand/rotterdam/typography.tokens.json","isSource":true,"original":{"value":"24px"},"name":"rotterdamTypographyScaleMdLineHeight","attributes":{"category":"rotterdam","type":"typography","item":"scale","subitem":"md","state":"line-height"},"path":["rotterdam","typography","scale","md","line-height"]}};
-export const utrechtCodeBlockMarginBlockEnd = "24px";
-export const utrechtCodeBlockMarginBlockStart = "24px";
-export const utrechtCodeBlockPaddingBlockEnd = "24px";
-export const utrechtCodeBlockPaddingBlockStart = "24px";
-export const utrechtCodeBlockPaddingInlineStart = "24px";
-export const utrechtDocumentBackgroundColor = "#ffffff";
-export const utrechtDocumentColor = "#404B4F";
-export const utrechtDocumentFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
-export const utrechtDocumentFontSize = "16px";
-export const utrechtFigureCaptionColor = "#E4EEF1";
-export const utrechtFigureCaptionFontSize = "16px";
-export const utrechtFigureCaptionLineHeight = "28px";
-export const utrechtFormControlBackgroundColor = "#ffffff";
-export const utrechtFormControlBlockSize = "46px"; // 48px - 2px border
-export const utrechtFormControlBorderColor = "#7C8B90";
-export const utrechtFormControlBorderRadius = "0";
-export const utrechtFormControlBorderWidth = "1px";
-export const utrechtFormControlColor = "#404B4F";
-export const utrechtFormControlFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
-export const utrechtFormControlFontSize = {"font-size":{"value":"16px","filePath":"src/brand/rotterdam/typography.tokens.json","isSource":true,"original":{"value":"16px"},"name":"rotterdamTypographyScaleMdFontSize","attributes":{"category":"rotterdam","type":"typography","item":"scale","subitem":"md","state":"font-size"},"path":["rotterdam","typography","scale","md","font-size"]},"line-height":{"value":"24px","filePath":"src/brand/rotterdam/typography.tokens.json","isSource":true,"original":{"value":"24px"},"name":"rotterdamTypographyScaleMdLineHeight","attributes":{"category":"rotterdam","type":"typography","item":"scale","subitem":"md","state":"line-height"},"path":["rotterdam","typography","scale","md","line-height"]}};
-export const utrechtFormControlLineHeight = "24px";
-export const utrechtFormControlPaddingBlockEnd = "12px";
-export const utrechtFormControlPaddingBlockStart = "12px";
-export const utrechtFormControlPaddingInlineEnd = "16px";
-export const utrechtFormControlPaddingInlineStart = "16px";
-export const utrechtFormControlPlaceholderColor = "#65757B";
-export const utrechtFormControlDisabledBackgroundColor = "#EFF4F6";
-export const utrechtFormControlDisabledColor = "#65757B";
-export const utrechtFormFieldDescriptionFontSize = "12px";
-export const utrechtFormFieldDescriptionValidColor = "#006E32";
-export const utrechtFormFieldDescriptionInvalidColor = "#B53322";
-export const utrechtFormFieldsetMarginBlockStart = "40px";
-export const utrechtFormFieldsetLegendColor = "#404B4F";
-export const utrechtFormFieldsetLegendFontSize = "24px";
-export const utrechtFormFieldsetLegendFontWeight = "700";
-export const utrechtFormFieldsetLegendLineHeight = "32px";
-export const utrechtFormLabelColor = "#404B4F";
-export const utrechtFormLabelFontSize = "16px";
-export const utrechtFormLabelFontWeight = "700";
-export const utrechtFormLabelCheckboxFontWeight = "400";
-export const utrechtFormLabelRadioFontWeight = "400";
-export const utrechtFormSelectBackgroundColor = "#ffffff";
-export const utrechtFormSelectBorderWidth = "1px";
-export const utrechtFormSelectColor = "#404B4F";
-export const utrechtFormSelectMaxInlineSize = "100%";
-export const utrechtHeading1FontSize = "64px";
-export const utrechtHeading1LineHeight = "72px";
-export const utrechtHeading2FontSize = "48px";
-export const utrechtHeading2LineHeight = "56px";
-export const utrechtHeading3FontSize = "40px";
-export const utrechtHeading3LineHeight = "48px";
-export const utrechtHeadingFontWeight = "700";
-export const utrechtIconInsetBlockStart = "0.1em";
-export const utrechtLinkColor = "#00811F";
-export const utrechtLinkTextDecoration = "underline";
-export const utrechtLinkActiveColor = "#00602E";
-export const utrechtLinkFocusColor = "#00602E";
-export const utrechtLinkHoverColor = "#00602E";
-export const utrechtPageFooterColor = "#ffffff";
-export const utrechtPageFooterBackgroundColor = "#00811F";
-export const utrechtPageFooterPaddingInlineEnd = "72px";
-export const utrechtPageFooterPaddingInlineStart = "72px";
-export const utrechtPageFooterPaddingBlockEnd = "64px";
-export const utrechtPageFooterPaddingBlockStart = "40px";
-export const utrechtParagraphFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
-export const utrechtParagraphFontSize = "16px";
-export const utrechtParagraphFontWeight = "400";
-export const utrechtParagraphLineHeight = "28px";
-export const utrechtParagraphLeadFontSize = "28px";
-export const utrechtParagraphLeadFontWeight = "400";
-export const utrechtParagraphLeadLineHeight = "36px";
-export const utrechtParagraphSmallFontSize = "12px";
-export const utrechtParagraphSmallLineHeight = "20px";
-export const utrechtTableHeaderFontWeight = "400";
-export const utrechtTableHeaderBorderBlockEndColor = "#404B4F";
-export const utrechtTableCellPaddingBlockEnd = "16px";
-export const utrechtTableCellPaddingBlockStart = "16px";
-export const utrechtTableCellPaddingInlineEnd = "12px";
-export const utrechtTableCellPaddingInlineStart = "12px";
-export const utrechtTableRowBorderBlockEndColor = "#CAD6DA";
-export const utrechtTableRowBorderBlockEndWidth = " 1px";
-export const utrechtTextareaMinBlockSize = "200px";
-export const utrechtTextareaPaddingBlockEnd = "8px";
-export const utrechtTextareaPaddingBlockStart = "8px";
-export const utrechtTextareaPlaceholderColor = "#65757B";
-export const utrechtTextboxBorderColor = "#7C8B90";
-export const utrechtTextboxBorderWidth = "1px";
-export const utrechtTextboxColor = "#404B4F";
-export const utrechtTextboxFontFamily = "Bolder, ArialforRotterdam, Arial, sans-serif";
-export const utrechtTextboxFontSize = "16px";
-export const utrechtTextboxLineHeight = "24px";
-export const utrechtTextboxPaddingBlockEnd = "12px";
-export const utrechtTextboxPaddingBlockStart = "10px";
-export const utrechtTextboxPaddingInlineEnd = "16px";
-export const utrechtTextboxPaddingInlineStart = "16px";
-export const utrechtTextboxPlaceholderColor = "#65757B";
-export const utrechtTextboxDisabledBackgroundColor = "#EFF4F6";
-export const utrechtTextboxInvalidBorderBottomWidth = "2px";
-export const utrechtTextboxInvalidBorderBottomColor = "#FE1818";