Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@digital-realty/theme

Package Overview
Dependencies
Maintainers
0
Versions
169
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@digital-realty/theme - npm Package Compare versions

Comparing version 2.0.0-alpha.3 to 2.0.0-alpha.4

2

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.5em;\n\n --text-primary-size: var(--root-font-size);\n --text-primary-letter-spacing: 0.0275em;\n --text-primary-line-height: 1.75em;\n --text-primary-weight: normal;\n --text-primary-font: var(--root-primary-font);\n --text-primary-decoration: none;\n --text-primary-transform: none;\n\n --text-secondary-size: .875rem;\n --text-secondary-letter-spacing: 0.0275rem;\n --text-secondary-line-height: 1.42857143em;\n --text-secondary-weight: normal;\n --text-secondary-font: var(--root-primary-font);\n --text-secondary-decoration: none;\n --text-secondary-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 --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-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 --textfield-size: var(--root-font-size);\n --textfield-letter-spacing: 0.0275em;\n --textfield-line-height: 1.25em;\n --textfield-weight: normal;\n --textfield-font: var(--root-primary-font);\n --textfield-decoration: none;\n --textfield-transform: none;\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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: 0.875rem;\n --ix-dialog-line-height: 1.25rem;\n\n /* .text-xs 12px */\n --ix-sub-heading-font-size: .75rem;\n --ix-sub-heading-font-size: 1rem;\n\n --ix-font-family: var(--ix-font-family-override, 'Red Hat Display', sans-serif);\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(--ix-font-family);\n --md-ref-typeface-brand: var(--ix-font-family);\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(--ix-font-family);\n font-size: var(--ix-root-font-size);\n line-height: var(--ix-root-line-height);\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.5em;\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\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\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: 0.875rem;\n --ix-dialog-line-height: 1.25rem;\n\n /* .text-xs 12px */\n --ix-sub-heading-font-size: .75rem;\n --ix-sub-heading-font-size: 1rem;\n\n --ix-font-family: var(--ix-font-family-override, 'Red Hat Display', sans-serif);\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(--ix-font-family);\n --md-ref-typeface-brand: var(--ix-font-family);\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(--ix-font-family);\n font-size: var(--ix-root-font-size);\n line-height: var(--ix-root-line-height);\n}\n";export{n as default};
//# sourceMappingURL=baseTheme.css.js.map

2

dist/css/tw-reset-output.css.js

@@ -1,2 +0,2 @@

var t='/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Open Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }';export{t as default};
var t='/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }';export{t as default};
//# sourceMappingURL=tw-reset-output.css.js.map

49

dist/tailwind.config.js

@@ -6,34 +6,31 @@ /** @type {import('tailwindcss').Config} */

fontFamily: {
sans: ['Open Sans', 'sans-serif'],
redhat: ['Red Hat Display', 'sans-serif'],
primary: ['var(--text-primary-font)'],
heading: ['var(--text-heading-font)']
primary: ['var(--root-primary-font)'],
secondary: ['var(--root-secondary-font)'],
},
fontSize: {
'primary': ['var(--text-primary-size)', {
lineHeight: 'var(--text-primary-line-height)',
letterSpacing: 'var(--text-primary-letter-spacing)',
fontWeight: 'var(--text-primary-font-weight)'
'default': ['var(--text-default-size)', {
lineHeight: 'var(--text-default-line-height)',
letterSpacing: 'var(--text-default-letter-spacing)',
fontWeight: 'var(--text-default-weight)'
}],
'small': ['var(--text-small-size)', {
lineHeight: 'var(--text-small-line-height)',
letterSpacing: 'var(--text-small-letter-spacing)',
fontWeight: 'var(--text-small-weight)'
}],
'heading': ['var(--text-heading-size)', {
lineHeight: 'var(--text-heading-line-height)',
letterSpacing: 'var(--text-heading-letter-spacing)',
fontWeight: 'var(--text-heading-font-weight)'
fontWeight: 'var(--text-heading-weight)'
}],
'sm': ['0.875rem', {
lineHeight: '1.5rem',
letterSpacing: '0.016em',
'page-title': ['var(--text-page-title-size)', {
lineHeight: 'var(--text-page-title-line-height)',
letterSpacing: 'var(--text-page-title-letter-spacing)',
fontWeight: 'var(--text-page-title-weight)'
}],
'base': ['1rem', {
lineHeight: '1.25rem',
letterSpacing: '0.009em',
'caption': ['var(--text-caption-size)', {
lineHeight: 'var(--text-caption-line-height)',
letterSpacing: 'var(--text-caption-letter-spacing)',
fontWeight: 'var(--text-caption-weight)'
}],
'xl': ['1.25rem', {
lineHeight: '1.5rem',
letterSpacing: '0.009em',
}],
'4xl': ['2.125rem', {
lineHeight: '2.5rem',
letterSpacing: '0.022em',
}],
},

@@ -56,8 +53,2 @@ extend: {

colors: {
'primary-500': '--var(--root-primary-font-color)',
'secondary': '--var(--root-primary-font-color)',
'button': '--var(--root-primary-font-color)',
'caption': '--var(--root-primary-font-color)',
'heading-500': '--var(--root-primary-font-color)',
'page': '--var(--root-primary-font-color)',
},

@@ -64,0 +55,0 @@ backgroundColor: {

2

package.json

@@ -6,3 +6,3 @@ {

"author": "Digital Realty",
"version": "2.0.0-alpha.3",
"version": "2.0.0-alpha.4",
"type": "module",

@@ -9,0 +9,0 @@ "main": "./dist/index.js",

dist/css/baseTheme.css

Sorry, the diff of this file is not supported yet

dist/css/tailwindlib.css

Sorry, the diff of this file is not supported yet

dist/css/tw-reset-output.css

Sorry, the diff of this file is not supported yet

dist/tsconfig.build.tsbuildinfo

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc