@digital-realty/theme - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1

dist/css/baseTheme.css.js

@@ -1,2 +0,2 @@
-var n=":root,\n:host :root,\n:host {\n  --root-primary-font: 'Open Sans', 'sans-serif';\n  --root-secondary-font: 'Red Hat Display', 'sans-serif';\n  --root-primary-font-color: #000;\n  --root-font-size: 1rem;\n  --root-line-height: 1.5;\n  --root-color: var(--clr-neutral-blue-10, #092241);\n\n  /* for vaadin grid */\n  --lumo-font-family: var(--root-primary-font);\n\n  --text-default-size: var(--root-font-size);\n  --text-default-letter-spacing: 0.0275em;\n  --text-default-line-height: 1.75em;\n  --text-default-weight: normal;\n  --text-default-font: var(--root-primary-font);\n  --text-default-decoration: none;\n  --text-default-transform: none;\n\n  --text-small-size: .875rem;\n  --text-small-letter-spacing: 0.0275rem;\n  --text-small-line-height: 1.42857143em;\n  --text-small-weight: normal;\n  --text-small-font: var(--root-primary-font);\n  --text-small-decoration: none;\n  --text-small-transform: none;\n\n  --text-heading-size: 1.25rem;\n  --text-heading-letter-spacing: 0.0075em;\n  --text-heading-line-height: 1.2em;\n  --text-heading-weight: bold;\n  --text-heading-font: var(--root-secondary-font);\n  --text-heading-decoration: none;\n  --text-heading-transform: none;\n\n  --text-page-title-size: 2.125rem;\n  --text-page-title-letter-spacing: 0.01029412em;\n  --text-page-title-line-height: 1.17647059em;\n  --text-page-title-weight: bold;\n  --text-page-title-font: var(--root-secondary-font);\n  --text-page-title-decoration: none;\n  --text-page-title-transform: none;\n\n  --text-caption-size: .75rem;\n  --text-caption-letter-spacing: 0.03333333em;\n  --text-caption-line-height: 1.33333333em;\n  --text-caption-weight: normal;\n  --text-caption-font: var(--root-primary-font);\n  --text-caption-decoration: none;\n  --text-caption-transform: none;\n\n  --text-field-size: var(--root-font-size);\n  --text-field-letter-spacing: 0.0275em;\n  --text-field-line-height: 1.25em;\n  --text-field-weight: normal;\n  --text-field-font: var(--root-primary-font);\n  --text-field-decoration: none;\n  --text-field-transform: none;\n\n  --text-button-size: .875rem;\n  --text-button-letter-spacing: 0.08928571em;\n  --text-button-line-height: 1.42857143em;\n  --text-button-weight: bold;\n  --text-button-font: var(--root-secondary-font);\n  --text-button-decoration: none;\n  --text-button-transform: uppercase;\n\n\n\n  /* Color Primitives */\n  /*  */\n  /* DLR Blue: #1456E0 */\n  /* opaque */\n  --clr-dlr-blue-50: #1456E0;\n  --clr-dlr-blue-60: #2F6FF6;\n  --clr-dlr-blue-98: #F5F7FF;\n  --clr-dlr-blue-100: #FFFFFF;\n\n  /* Transparent */\n  --clr-dlr-blue-40p: #1456E066;\n  --clr-dlr-blue-30p: #1456E04D;  \n  --clr-dlr-blue-20p: #1456E033;\n  --clr-dlr-blue-10p: #1456E01A;\n\n\n  /* Neutral Blue: #092241 */\n  /* opaque */\n  --clr-neutral-blue-4: #010D1C;\n  --clr-neutral-blue-6: #031429;\n  --clr-neutral-blue-10: #092241;\n  --clr-neutral-blue-20: #2D425C;\n  --clr-neutral-blue-94: #EBEDF0;\n  --clr-neutral-blue-100: #FFFFFF;\n\n  /* Transparent */\n  --clr-neutral-blue-70p: #092241B3;\n  --clr-neutral-blue-60p: #09224199;\n  --clr-neutral-blue-50p: #09224180;\n  --clr-neutral-blue-20p: #09224133;\n  --clr-neutral-blue-12p: #0922411F;\n  --clr-neutral-blue-8p: #09224114;\n\n\n  /* Dark Mode Grey: #AEB7C6 */\n  /* Transparent */\n  --clr-dark-mode-grey-100p: #AEB7C6;\n  --clr-dark-mode-grey-70p: #AEB7C6B3;\n  --clr-dark-mode-grey-60p: #AEB7C699;\n  --clr-dark-mode-grey-50p: #AEB7C680;\n  --clr-dark-mode-grey-40p: #AEB7C666;\n  --clr-dark-mode-grey-20p: #AEB7C633;\n  --clr-dark-mode-grey-12p: #AEB7C61F;\n\n\n  /* Critical: #DB0028 */\n  --clr-critical-40: #DB0028;\n  --clr-critical-60: #F83B3A;\n  --clr-critical-100: #FFFFFF;\n\n  /* Warning: #FF9800 */\n  --clr-warning-30: #B75701;\n  --clr-warning-50: #FF9800;\n  --clr-warning-100: #FFFFFF;\n\n  /* Success: #4CAF50  */\n  --clr-success-30: #286D2B;\n  --clr-success-50: #4CAF50;\n  --clr-success-100: #FFFFFF;\n\n  /* Info: #2196F3 */\n  --clr-info-30: #13579D;\n  --clr-info-50: #2196F3;\n  --clr-info-100: #FFFFFF;\n\n\n\n  \n  /* These follow tailwind, only change them if you change the tailwind config */\n  /* .text-base 16px */\n  --ix-root-font-size: 1rem;\n  --ix-root-line-height: 1.5rem;\n  --ix-sys-primary: #1456E0;\n\n  --ix-line-height: var(--ix-root-line-height);\n\n  /* .text-sm 14px */\n  --ix-dialog-font-size: var(--root-font-size);\n  --ix-dialog-line-height: var(--root-line-height);\n\n  /* .text-xs 12px */\n  --ix-sub-heading-font-size: .75rem;\n  --ix-sub-heading-font-size: 1rem;\n\n  --ix-icon-line-height: 1;\n\n\n  --ix-field-color: #09224199; /* text dark 2nd #092241 60% */\n  --ix-select-leading-icon-color: #0000008a; /* black - inactive #00000 54% */\n  --ix-select-leading-icon-inset: 0.8rem;\n  --ix-button-primary-hover-color: var(--ix-sys-primary);\n  --ix-text-dark: #092241;\n  --ix-text-dark-second: #09224199; /* text dark 2nd #092241 60% */\n  --ix-outline-color: #6b7a8d;\n  --ix-disabled-color: #092241;\n\n  /* form customisation */\n  --ix-field-padding-vertical: 12px;\n  --ix-field-padding-horizontal: 1rem;\n\n  --md-ref-typeface-plain: var(--root-primary-font);\n  --md-ref-typeface-brand: var(--root-primary-font);\n  --md-outlined-field-content-line-height: --ix-line-height;\n  --md-sys-typescale-body-large-line-height: --ix-line-height;\n\n  --md-outlined-text-field-focus-outline-width: 2px;\n\n  --ix-button-confirm-color: #4caf50;\n  --ix-button-cancel-color: #db0028;\n  --ix-field-color: rgb(9, 34, 65);\n  --ix-font-color: #092241;\n  --ix-icon-pending-color: #FF9800;\n\n  --md-sys-color-primary: var(--ix-sys-primary);\n  --md-sys-color-primary-container: #6FF7F6;\n  --md-sys-color-on-primary: #FFFFFF;\n  --md-sys-color-on-primary-container: #002020;\n  --md-sys-color-secondary: #378aca;\n  --md-sys-color-secondary-container: #CCE8E7;\n  --md-sys-color-on-secondary: #FFFFFF;\n  --md-sys-color-on-secondary-container: #051F1F;\n  --md-sys-color-tertiary: #4B607C;\n  --md-sys-color-tertiary-container: #D3E4FF;\n  --md-sys-color-on-tertiary: #FFFFFF;\n  --md-sys-color-on-tertiary-container: #041C35;\n  --md-sys-color-error: #db0028;\n  --md-sys-color-error-container: #FFDAD6;\n  --md-sys-color-on-error: #FFFFFF;\n  --md-sys-color-on-error-container: #410002;\n  --md-sys-color-outline: #6F7979;\n  --md-sys-color-background: #FAFDFC;\n  --md-sys-color-on-background: #191C1C;\n  --md-sys-color-surface: #FAFDFC;\n  --md-sys-color-on-surface: #191C1C;\n  --md-sys-color-surface-variant: #DAE5E4;\n  --md-sys-color-inverse-surface: #2D3131;\n  --md-sys-color-inverse-on-surface: #EFF1F0;\n  --md-sys-color-inverse-primary: #4CDADA;\n  --md-sys-color-shadow: #000000;\n  --md-sys-color-surface-tint: #006A6A;\n  --md-sys-color-outline-variant: #BEC9C8;\n  --md-sys-color-scrim: #000000;\n\n  --md-sys-color-warning: rgba(255, 152, 0, 1);\n  --md-sys-color-info: #2196f3;\n  --md-sys-color-success: #4caf50;\n  --md-sys-text-color-primary: rgba(9, 34, 65, 1);\n  --md-sys-text-color-secondary: rgba(9, 34, 65, 0.7);\n\n  --md-input-chip-container-shape: 9999px;\n  --md-filter-chip-container-shape: 9999px;\n  --md-suggestion-chip-container-shape: 9999px;\n\n  --md-outlined-field-top-space: var(--ix-field-padding-vertical);\n  --md-outlined-text-field-top-space: var(--ix-field-padding-vertical);\n  --md-outlined-text-field-bottom-space: var(--ix-field-padding-vertical);\n\n  --md-sys-color-outline: var(--ix-field-color);\n\n  /* outlined field spacing */\n  --md-outlined-field-leading-space: var(--ix-field-padding-horizontal);\n  --md-outlined-text-field-leading-space: var(--ix-field-padding-horizontal);\n  --md-outlined-field-top-space: var(--ix-field-padding-vertical);\n  --md-outlined-field-bottom-space: var(--ix-field-padding-vertical);\n\n  /* outlined field colour */\n  --md-outlined-field-outline-color: var(--ix-text-dark-second);\n  --md-outlined-field-hover-outline-color: var(--ix-text-dark);\n  --md-outlined-select-text-field-outline-color: var(--ix-text-dark-second);\n  --md-outlined-select-text-field-hover-outline-color: var(--ix-text-dark);\n\n  --md-outlined-select-text-field-focus-outline-color: var(\n    --ix-button-primary-hover-color\n  );\n  --md-outlined-field-focus-label-text-color: var(\n    --ix-button-primary-hover-color\n  );\n  --md-outlined-select-text-field-focus-label-text-color: var(\n    --ix-button-primary-hover-color\n  );\n\n  /* field label and icon */\n  --md-outlined-field-label-text-color: var(--ix-text-dark-second);\n  --md-outlined-field-focus-label-text-color: var(\n    --ix-button-primary-hover-color\n  );\n  --md-sys-color-on-surface-variant: var(--ix-field-color);\n  --md-outlined-field-hover-label-text-color: var(--ix-field-color);\n  --md-outlined-select-text-field-label-text-color: var(--ix-field-color);\n  --md-outlined-select-text-field-hover-label-text-color: var(--ix-field-color);\n  --md-outlined-field-focus-outline-color: var(--ix-button-primary-hover-color);\n\n  --md-outlined-field-leading-content-color: var(\n    --ix-select-leading-icon-color\n  );\n\n  /* menu container */\n  --md-menu-container-shape: 3px;\n  --md-menu-container-color: #fff;\n\n  /* menu item spacing */\n  --md-menu-item-bottom-space: var(--ix-field-padding-vertical);\n  --md-menu-item-top-space: var(--ix-field-padding-vertical);\n  --md-menu-item-leading-space: var(--ix-field-padding-horizontal);\n  --md-menu-item-one-line-container-height: var(--ix-field-padding-horizontal);\n\n  /* menu item hover colour */\n  --md-menu-item-label-text-color: var(--ix-text-dark);\n\n  /* menu item selected colour */\n  --md-menu-item-selected-container-color: rgba(245, 247, 252);\n  --md-outlined-text-field-input-text-color: var(--ix-text-dark);\n  --md-outlined-text-field-focus-input-text-color: var(--ix-text-dark-second);\n  --ix-menu-item-height: 3rem;\n\n  /* field error */\n  --md-outlined-field-error-outline-color: var(--md-sys-color-error);\n  --md-outlined-field-error-content-color: var(--md-sys-color-error);\n\n  /* switch */\n  /* --md-switch-selected-track-color: #378aca; */\n  --md-switch-selected-handle-color: var(--md-sys-color-surface-container-highest, #e6e0e9);\n  --md-switch-selected-focus-handle-color: var(--md-sys-color-surface-container-highest, #e6e0e9);\n  --md-switch-selected-pressed-handle-color: var(--md-sys-color-surface-container-highest, #e6e0e9);\n  --md-switch-selected-hover-handle-color: var(--md-sys-color-surface-container-highest, #e6e0e9);\n  --md-switch-selected-track-color: var(--ix-outline-color);\n  --md-switch-selected-focus-track-color: var(--ix-outline-color);\n  --md-switch-selected-pressed-track-color: var(--ix-outline-color);\n  --md-switch-selected-hover-track-color: var(--ix-outline-color);\n\n  /* label */\n  --md-sys-typescale-label-large-line-height: 1.32285;\n\n  /* buttons */\n  --md-filled-button-icon-size: 1.5rem;\n  --md-outlined-button-icon-size: 1.5rem;\n  --md-text-button-icon-size: 1.5rem;\n\n  --md-filled-button-container-height: 2.25rem;\n  --md-outlined-button-container-height: 2.25rem;\n  --md-text-button-container-height: 2.25rem;\n\n  --md-filled-button-disabled-container-color: #000;\n  --md-filled-button-disabled-container-opacity: .12;\n  --md-filled-button-disabled-label-text-color: #636363;\n  --md-filled-button-disabled-label-text-opacity: 1;\n  --md-filled-button-disabled-icon-color: #636363;\n  --md-filled-button-disabled-icon-opacity: 1;\n\n  --md-outlined-button-disabled-label-text-color: var(--ix-disabled-color);\n  --md-outlined-button-disabled-label-text-opacity: .3;\n  --md-outlined-button-disabled-outline-color: var(--ix-disabled-color);\n  --md-outlined-button-disabled-outline-opacity: .3;\n  --md-outlined-button-disabled-icon-color: var(--ix-disabled-color);\n  --md-outlined-button-disabled-icon-opacity: .4;\n\n  --md-text-button-disabled-label-text-color: var(--ix-disabled-color);\n  --md-text-button-disabled-label-text-opacity: .3;\n  --md-text-button-disabled-icon-color: var(--ix-disabled-color);\n  --md-text-button-disabled-icon-opacity: .4;\n\n  /* checkbox */\n  --md-checkbox-outline-color: #6b7a8d;\n  --md-radio-icon-color: #6b7a8d;\n\n  /* chip */\n  --md-filter-chip-container-height: 1.5rem;\n  --md-input-chip-container-height: 1.5rem;\n  --md-assist-chip-container-height: 1.5rem;\n  --md-suggestion-chip-container-height: 1.5rem;\n\n  --md-filter-chip-outline-color: var(--md-sys-color-primary);\n  --md-input-chip-outline-color: var(--md-sys-color-primary);\n  --md-assist-chip-outline-color: var(--md-sys-color-primary);\n  --md-suggestion-chip-outline-color: var(--md-sys-color-primary);\n\n  --ix-chip-container-color: var(--md-sys-color-primary);\n  --md-input-chip-selected-container-color: var(--ix-chip-container-color);\n  --md-input-chip-container-color: var(--ix-chip-container-color);\n\n  --md-filter-chip-pressed-label-text-color: var(--md-sys-color-on-primary);\n  --md-input-chip-pressed-label-text-color: var(--md-sys-color-on-primary);\n  --md-assist-chip-pressed-label-text-color: var(--md-sys-color-on-primary);\n  --md-suggestion-chip-pressed-label-text-color: var(--md-sys-color-on-primary);\n\n  --md-filter-chip-focus-label-text-color: var(--md-sys-color-on-primary);\n  --md-input-chip-focus-label-text-color: var(--md-sys-color-on-primary);\n  --md-assist-chip-focus-label-text-color: var(--md-sys-color-on-primary);\n  --md-suggestion-chip-focus-label-text-color: var(--md-sys-color-on-primary);\n\n  --md-filter-chip-hover-label-text-color: var(--md-sys-color-on-primary);\n  --md-input-chip-hover-label-text-color: var(--md-sys-color-on-primary);\n  --md-assist-chip-hover-label-text-color: var(--md-sys-color-on-primary);\n  --md-suggestion-chip-hover-label-text-color: var(--md-sys-color-on-primary);\n\n  --md-filter-chip-label-text-color: var(--md-sys-color-on-primary);\n  --md-input-chip-label-text-color: var(--md-sys-color-on-primary);\n  --md-assist-chip-label-text-color: var(--md-sys-color-on-primary);\n  --md-suggestion-chip-label-text-color: var(--md-sys-color-on-primary);\n\n  --md-input-chip-hover-trailing-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-trailing-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-hover-leading-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-leading-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-disabled-hover-leading-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-disabled-leading-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-disabled-hover-trailing-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-disabled-trailing-icon-color: var(--md-sys-color-on-primary);\n\n  --md-input-chip-pressed-trailing-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-pressed-leading-icon-color: var(--md-sys-color-on-primary);\n\n  --md-suggestion-chip-leading-space: .5rem;\n  --md-suggestion-chip-trailing-space: .5rem;\n  --md-assist-chip-container-shape: 9999px;\n\n  /* dialog */\n  --md-dialog-container-shape: 6px;\n  --md-dialog-supporting-text-color: var(--md-dialog-supporting-text-color-override, --md-sys-text-color-primary);\n\n  /* tabs */\n  --md-primary-tab-container-height: 2.7rem;\n  --md-secondary-tab-container-height: 2.7rem;\n  --md-primary-tab-label-text-weight: 700;\n  --md-secondary-tab-label-text-weight: 700;\n  --md-primary-tab-icon-size: 1.4rem;\n  --md-secondary-tab-icon-size: 1.4rem;\n}\n\nhtml {\n  font-family: var(--root-primary-font);\n  font-size: var(--root-font-size);\n  line-height: var(--root-line-height);\n  color: var(--root-color);\n}\n";export{n as default};
+var n=":root,\n:host :root,\n:host {\n  --root-primary-font: 'Open Sans', 'sans-serif';\n  --root-secondary-font: 'Red Hat Display', 'sans-serif';\n  --root-primary-font-color: #000;\n  --root-font-size: 1rem;\n  --root-line-height: 1.5;\n  --root-color: var(--clr-neutral-blue-10, #092241);\n\n  /* for vaadin grid */\n  --lumo-font-family: var(--root-primary-font);\n\n  --text-default-size: var(--root-font-size);\n  --text-default-letter-spacing: 0.0275em;\n  --text-default-line-height: 1.75em;\n  --text-default-weight: normal;\n  --text-default-font: var(--root-primary-font);\n  --text-default-decoration: none;\n  --text-default-transform: none;\n\n  --text-link-decoration: underline;\n  --text-link-transform: none;\n\n  --text-small-size: .875rem;\n  --text-small-letter-spacing: 0.0275rem;\n  --text-small-line-height: 1.42857143em;\n  --text-small-weight: normal;\n  --text-small-font: var(--root-primary-font);\n  --text-small-decoration: none;\n  --text-small-transform: none;\n\n  --text-heading-size: 1.25rem;\n  --text-heading-letter-spacing: 0.0075em;\n  --text-heading-line-height: 1.2em;\n  --text-heading-weight: bold;\n  --text-heading-font: var(--root-secondary-font);\n  --text-heading-decoration: none;\n  --text-heading-transform: none;\n\n  --text-page-title-size: 2.125rem;\n  --text-page-title-letter-spacing: 0.01029412em;\n  --text-page-title-line-height: 1.17647059em;\n  --text-page-title-weight: bold;\n  --text-page-title-font: var(--root-secondary-font);\n  --text-page-title-decoration: none;\n  --text-page-title-transform: none;\n\n  --text-caption-size: .75rem;\n  --text-caption-letter-spacing: 0.03333333em;\n  --text-caption-line-height: 1.33333333em;\n  --text-caption-weight: normal;\n  --text-caption-font: var(--root-primary-font);\n  --text-caption-decoration: none;\n  --text-caption-transform: none;\n\n  --text-field-size: var(--root-font-size);\n  --text-field-letter-spacing: 0.0275em;\n  --text-field-line-height: 1.25em;\n  --text-field-weight: normal;\n  --text-field-font: var(--root-primary-font);\n  --text-field-decoration: none;\n  --text-field-transform: none;\n\n  --text-button-size: .875rem;\n  --text-button-letter-spacing: 0.08928571em;\n  --text-button-line-height: 1.42857143em;\n  --text-button-weight: bold;\n  --text-button-font: var(--root-secondary-font);\n  --text-button-decoration: none;\n  --text-button-transform: uppercase;\n\n\n  /* Color Primitives */\n  /*  */\n  /* DLR Blue: #1456E0 */\n  /* opaque */\n  --clr-dlr-blue-50: #1456E0;\n  --clr-dlr-blue-60: #2F6FF6;\n  --clr-dlr-blue-98: #F5F7FF;\n  --clr-dlr-blue-100: #FFFFFF;\n\n  /* Transparent */\n  --clr-dlr-blue-40p: #1456E066;\n  --clr-dlr-blue-30p: #1456E04D;  \n  --clr-dlr-blue-20p: #1456E033;\n  --clr-dlr-blue-10p: #1456E01A;\n\n\n  /* Neutral Blue: #092241 */\n  /* opaque */\n  --clr-neutral-blue-4: #010D1C;\n  --clr-neutral-blue-6: #031429;\n  --clr-neutral-blue-10: #092241;\n  --clr-neutral-blue-20: #2D425C;\n  --clr-neutral-blue-94: #EBEDF0;\n  --clr-neutral-blue-100: #FFFFFF;\n\n  /* Transparent */\n  --clr-neutral-blue-70p: #092241B3;\n  --clr-neutral-blue-60p: #09224199;\n  --clr-neutral-blue-50p: #09224180;\n  --clr-neutral-blue-20p: #09224133;\n  --clr-neutral-blue-12p: #0922411F;\n  --clr-neutral-blue-8p: #09224114;\n\n\n  /* Dark Mode Grey: #AEB7C6 */\n  /* Transparent */\n  --clr-dark-mode-grey-100p: #AEB7C6;\n  --clr-dark-mode-grey-70p: #AEB7C6B3;\n  --clr-dark-mode-grey-60p: #AEB7C699;\n  --clr-dark-mode-grey-50p: #AEB7C680;\n  --clr-dark-mode-grey-40p: #AEB7C666;\n  --clr-dark-mode-grey-20p: #AEB7C633;\n  --clr-dark-mode-grey-12p: #AEB7C61F;\n\n\n  /* Critical: #DB0028 */\n  --clr-critical-40: #DB0028;\n  --clr-critical-60: #F83B3A;\n  --clr-critical-100: #FFFFFF;\n\n  /* Warning: #FF9800 */\n  --clr-warning-30: #B75701;\n  --clr-warning-50: #FF9800;\n  --clr-warning-100: #FFFFFF;\n\n  /* Success: #4CAF50  */\n  --clr-success-30: #286D2B;\n  --clr-success-50: #4CAF50;\n  --clr-success-100: #FFFFFF;\n\n  /* Info: #2196F3 */\n  --clr-info-30: #13579D;\n  --clr-info-50: #2196F3;\n  --clr-info-100: #FFFFFF;\n\n\n\n  \n  /* These follow tailwind, only change them if you change the tailwind config */\n  /* .text-base 16px */\n  --ix-root-font-size: 1rem;\n  --ix-root-line-height: 1.5rem;\n  --ix-sys-primary: #1456E0;\n\n  --ix-line-height: var(--ix-root-line-height);\n\n  /* .text-sm 14px */\n  --ix-dialog-font-size: var(--root-font-size);\n  --ix-dialog-line-height: var(--root-line-height);\n\n  /* .text-xs 12px */\n  --ix-sub-heading-font-size: .75rem;\n  --ix-sub-heading-font-size: 1rem;\n\n  --ix-icon-line-height: 1;\n\n\n  --ix-field-color: #09224199; /* text dark 2nd #092241 60% */\n  --ix-select-leading-icon-color: #0000008a; /* black - inactive #00000 54% */\n  --ix-select-leading-icon-inset: 0.8rem;\n  --ix-button-primary-hover-color: var(--ix-sys-primary);\n  --ix-text-dark: #092241;\n  --ix-text-dark-second: #09224199; /* text dark 2nd #092241 60% */\n  --ix-outline-color: #6b7a8d;\n  --ix-disabled-color: #092241;\n\n  /* form customisation */\n  --ix-field-padding-vertical: 12px;\n  --ix-field-padding-horizontal: 1rem;\n\n  --md-ref-typeface-plain: var(--root-primary-font);\n  --md-ref-typeface-brand: var(--root-primary-font);\n  --md-outlined-field-content-line-height: --ix-line-height;\n  --md-sys-typescale-body-large-line-height: --ix-line-height;\n\n  --md-outlined-text-field-focus-outline-width: 2px;\n\n  --ix-button-confirm-color: #4caf50;\n  --ix-button-cancel-color: #db0028;\n  --ix-field-color: rgb(9, 34, 65);\n  --ix-font-color: #092241;\n  --ix-icon-pending-color: #FF9800;\n\n  --md-sys-color-primary: var(--ix-sys-primary);\n  --md-sys-color-primary-container: #6FF7F6;\n  --md-sys-color-on-primary: #FFFFFF;\n  --md-sys-color-on-primary-container: #002020;\n  --md-sys-color-secondary: #378aca;\n  --md-sys-color-secondary-container: #CCE8E7;\n  --md-sys-color-on-secondary: #FFFFFF;\n  --md-sys-color-on-secondary-container: #051F1F;\n  --md-sys-color-tertiary: #4B607C;\n  --md-sys-color-tertiary-container: #D3E4FF;\n  --md-sys-color-on-tertiary: #FFFFFF;\n  --md-sys-color-on-tertiary-container: #041C35;\n  --md-sys-color-error: #db0028;\n  --md-sys-color-error-container: #FFDAD6;\n  --md-sys-color-on-error: #FFFFFF;\n  --md-sys-color-on-error-container: #410002;\n  --md-sys-color-outline: #6F7979;\n  --md-sys-color-background: #FAFDFC;\n  --md-sys-color-on-background: #191C1C;\n  --md-sys-color-surface: #FAFDFC;\n  --md-sys-color-on-surface: #191C1C;\n  --md-sys-color-surface-variant: #DAE5E4;\n  --md-sys-color-inverse-surface: #2D3131;\n  --md-sys-color-inverse-on-surface: #EFF1F0;\n  --md-sys-color-inverse-primary: #4CDADA;\n  --md-sys-color-shadow: #000000;\n  --md-sys-color-surface-tint: #006A6A;\n  --md-sys-color-outline-variant: #BEC9C8;\n  --md-sys-color-scrim: #000000;\n\n  --md-sys-color-warning: rgba(255, 152, 0, 1);\n  --md-sys-color-info: #2196f3;\n  --md-sys-color-success: #4caf50;\n  --md-sys-text-color-primary: rgba(9, 34, 65, 1);\n  --md-sys-text-color-secondary: rgba(9, 34, 65, 0.7);\n\n  --md-input-chip-container-shape: 9999px;\n  --md-filter-chip-container-shape: 9999px;\n  --md-suggestion-chip-container-shape: 9999px;\n\n  --md-outlined-field-top-space: var(--ix-field-padding-vertical);\n  --md-outlined-text-field-top-space: var(--ix-field-padding-vertical);\n  --md-outlined-text-field-bottom-space: var(--ix-field-padding-vertical);\n\n  --md-sys-color-outline: var(--ix-field-color);\n\n  /* outlined field spacing */\n  --md-outlined-field-leading-space: var(--ix-field-padding-horizontal);\n  --md-outlined-text-field-leading-space: var(--ix-field-padding-horizontal);\n  --md-outlined-field-top-space: var(--ix-field-padding-vertical);\n  --md-outlined-field-bottom-space: var(--ix-field-padding-vertical);\n\n  /* outlined field colour */\n  --md-outlined-field-outline-color: var(--ix-text-dark-second);\n  --md-outlined-field-hover-outline-color: var(--ix-text-dark);\n  --md-outlined-select-text-field-outline-color: var(--ix-text-dark-second);\n  --md-outlined-select-text-field-hover-outline-color: var(--ix-text-dark);\n\n  --md-outlined-select-text-field-focus-outline-color: var(\n    --ix-button-primary-hover-color\n  );\n  --md-outlined-field-focus-label-text-color: var(\n    --ix-button-primary-hover-color\n  );\n  --md-outlined-select-text-field-focus-label-text-color: var(\n    --ix-button-primary-hover-color\n  );\n\n  /* field label and icon */\n  --md-outlined-field-label-text-color: var(--ix-text-dark-second);\n  --md-outlined-field-focus-label-text-color: var(\n    --ix-button-primary-hover-color\n  );\n  --md-sys-color-on-surface-variant: var(--ix-field-color);\n  --md-outlined-field-hover-label-text-color: var(--ix-field-color);\n  --md-outlined-select-text-field-label-text-color: var(--ix-field-color);\n  --md-outlined-select-text-field-hover-label-text-color: var(--ix-field-color);\n  --md-outlined-field-focus-outline-color: var(--ix-button-primary-hover-color);\n\n  --md-outlined-field-leading-content-color: var(\n    --ix-select-leading-icon-color\n  );\n\n  /* menu container */\n  --md-menu-container-shape: 3px;\n  --md-menu-container-color: #fff;\n\n  /* menu item spacing */\n  --md-menu-item-bottom-space: var(--ix-field-padding-vertical);\n  --md-menu-item-top-space: var(--ix-field-padding-vertical);\n  --md-menu-item-leading-space: var(--ix-field-padding-horizontal);\n  --md-menu-item-one-line-container-height: var(--ix-field-padding-horizontal);\n\n  /* menu item hover colour */\n  --md-menu-item-label-text-color: var(--ix-text-dark);\n\n  /* menu item selected colour */\n  --md-menu-item-selected-container-color: rgba(245, 247, 252);\n  --md-outlined-text-field-input-text-color: var(--ix-text-dark);\n  --md-outlined-text-field-focus-input-text-color: var(--ix-text-dark-second);\n  --ix-menu-item-height: 3rem;\n\n  /* field error */\n  --md-outlined-field-error-outline-color: var(--md-sys-color-error);\n  --md-outlined-field-error-content-color: var(--md-sys-color-error);\n\n  /* switch */\n  /* --md-switch-selected-track-color: #378aca; */\n  --md-switch-selected-handle-color: var(--md-sys-color-surface-container-highest, #e6e0e9);\n  --md-switch-selected-focus-handle-color: var(--md-sys-color-surface-container-highest, #e6e0e9);\n  --md-switch-selected-pressed-handle-color: var(--md-sys-color-surface-container-highest, #e6e0e9);\n  --md-switch-selected-hover-handle-color: var(--md-sys-color-surface-container-highest, #e6e0e9);\n  --md-switch-selected-track-color: var(--ix-outline-color);\n  --md-switch-selected-focus-track-color: var(--ix-outline-color);\n  --md-switch-selected-pressed-track-color: var(--ix-outline-color);\n  --md-switch-selected-hover-track-color: var(--ix-outline-color);\n\n  /* label */\n  --md-sys-typescale-label-large-line-height: 1.32285;\n\n  /* buttons */\n  --md-filled-button-icon-size: 1.5rem;\n  --md-outlined-button-icon-size: 1.5rem;\n  --md-text-button-icon-size: 1.5rem;\n\n  --md-filled-button-container-height: 2.25rem;\n  --md-outlined-button-container-height: 2.25rem;\n  --md-text-button-container-height: 2.25rem;\n\n  --md-filled-button-disabled-container-color: #000;\n  --md-filled-button-disabled-container-opacity: .12;\n  --md-filled-button-disabled-label-text-color: #636363;\n  --md-filled-button-disabled-label-text-opacity: 1;\n  --md-filled-button-disabled-icon-color: #636363;\n  --md-filled-button-disabled-icon-opacity: 1;\n\n  --md-outlined-button-disabled-label-text-color: var(--ix-disabled-color);\n  --md-outlined-button-disabled-label-text-opacity: .3;\n  --md-outlined-button-disabled-outline-color: var(--ix-disabled-color);\n  --md-outlined-button-disabled-outline-opacity: .3;\n  --md-outlined-button-disabled-icon-color: var(--ix-disabled-color);\n  --md-outlined-button-disabled-icon-opacity: .4;\n\n  --md-text-button-disabled-label-text-color: var(--ix-disabled-color);\n  --md-text-button-disabled-label-text-opacity: .3;\n  --md-text-button-disabled-icon-color: var(--ix-disabled-color);\n  --md-text-button-disabled-icon-opacity: .4;\n\n  /* checkbox */\n  --md-checkbox-outline-color: #6b7a8d;\n  --md-radio-icon-color: #6b7a8d;\n\n  /* chip */\n  --md-filter-chip-container-height: 1.5rem;\n  --md-input-chip-container-height: 1.5rem;\n  --md-assist-chip-container-height: 1.5rem;\n  --md-suggestion-chip-container-height: 1.5rem;\n\n  --md-filter-chip-outline-color: var(--md-sys-color-primary);\n  --md-input-chip-outline-color: var(--md-sys-color-primary);\n  --md-assist-chip-outline-color: var(--md-sys-color-primary);\n  --md-suggestion-chip-outline-color: var(--md-sys-color-primary);\n\n  --ix-chip-container-color: var(--md-sys-color-primary);\n  --md-input-chip-selected-container-color: var(--ix-chip-container-color);\n  --md-input-chip-container-color: var(--ix-chip-container-color);\n\n  --md-filter-chip-pressed-label-text-color: var(--md-sys-color-on-primary);\n  --md-input-chip-pressed-label-text-color: var(--md-sys-color-on-primary);\n  --md-assist-chip-pressed-label-text-color: var(--md-sys-color-on-primary);\n  --md-suggestion-chip-pressed-label-text-color: var(--md-sys-color-on-primary);\n\n  --md-filter-chip-focus-label-text-color: var(--md-sys-color-on-primary);\n  --md-input-chip-focus-label-text-color: var(--md-sys-color-on-primary);\n  --md-assist-chip-focus-label-text-color: var(--md-sys-color-on-primary);\n  --md-suggestion-chip-focus-label-text-color: var(--md-sys-color-on-primary);\n\n  --md-filter-chip-hover-label-text-color: var(--md-sys-color-on-primary);\n  --md-input-chip-hover-label-text-color: var(--md-sys-color-on-primary);\n  --md-assist-chip-hover-label-text-color: var(--md-sys-color-on-primary);\n  --md-suggestion-chip-hover-label-text-color: var(--md-sys-color-on-primary);\n\n  --md-filter-chip-label-text-color: var(--md-sys-color-on-primary);\n  --md-input-chip-label-text-color: var(--md-sys-color-on-primary);\n  --md-assist-chip-label-text-color: var(--md-sys-color-on-primary);\n  --md-suggestion-chip-label-text-color: var(--md-sys-color-on-primary);\n\n  --md-input-chip-hover-trailing-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-trailing-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-hover-leading-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-leading-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-disabled-hover-leading-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-disabled-leading-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-disabled-hover-trailing-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-disabled-trailing-icon-color: var(--md-sys-color-on-primary);\n\n  --md-input-chip-pressed-trailing-icon-color: var(--md-sys-color-on-primary);\n  --md-input-chip-pressed-leading-icon-color: var(--md-sys-color-on-primary);\n\n  --md-suggestion-chip-leading-space: .5rem;\n  --md-suggestion-chip-trailing-space: .5rem;\n  --md-assist-chip-container-shape: 9999px;\n\n  /* dialog */\n  --md-dialog-container-shape: 6px;\n  --md-dialog-supporting-text-color: var(--md-dialog-supporting-text-color-override, --md-sys-text-color-primary);\n\n  /* tabs */\n  --md-primary-tab-container-height: 2.7rem;\n  --md-secondary-tab-container-height: 2.7rem;\n  --md-primary-tab-label-text-weight: 700;\n  --md-secondary-tab-label-text-weight: 700;\n  --md-primary-tab-icon-size: 1.4rem;\n  --md-secondary-tab-icon-size: 1.4rem;\n}\n\nhtml {\n  font-family: var(--root-primary-font);\n  font-size: var(--root-font-size);\n  line-height: var(--root-line-height);\n  color: var(--root-color);\n}\n";export{n as default};
 //# sourceMappingURL=baseTheme.css.js.map

dist/tailwind.config.js

@@ -36,2 +36,7 @@ /** @type {import('tailwindcss').Config} */
         }],
+        'link': ['var(--text-default-size)', {
+          lineHeight: 'var(--text-default-height)',
+          letterSpacing: 'var(--text-default-spacing)',
+          fontWeight: 'var(--text-default-weight)'
+        }],
       },
@@ -38,0 +43,0 @@ keyframes: {

package.json

@@ -6,3 +6,3 @@ {
   "author": "Digital Realty",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "type": "module",
@@ -9,0 +9,0 @@ "main": "./dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

105907

increased by0.52%

Lines of code

382

increased by1.33%

No dependency changes