@ni/nimble-components 17.1.0 → 17.2.0
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.
- package/dist/all-components-bundle.js +8 -2
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +1309 -1309
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/spinner/styles.js +3 -2
- package/dist/esm/spinner/styles.js.map +1 -1
- package/dist/esm/theme-provider/design-token-comments.js +3 -0
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
- package/dist/esm/theme-provider/design-token-names.d.ts +1 -0
- package/dist/esm/theme-provider/design-token-names.js +4 -0
- package/dist/esm/theme-provider/design-token-names.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.d.ts +3 -0
- package/dist/esm/theme-provider/design-tokens.js +3 -0
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/tokens-internal.scss +18 -0
- package/dist/tokens.scss +9 -0
- package/package.json +1 -1
|
@@ -15541,6 +15541,9 @@
|
|
|
15541
15541
|
iconSize: 'icon-size',
|
|
15542
15542
|
groupHeaderTextTransform: 'group-header-text-transform',
|
|
15543
15543
|
drawerWidth: 'drawer-width',
|
|
15544
|
+
spinnerSmallHeight: 'spinner-small-height',
|
|
15545
|
+
spinnerMediumHeight: 'spinner-medium-height',
|
|
15546
|
+
spinnerLargeHeight: 'spinner-large-height',
|
|
15544
15547
|
smallDelay: 'small-delay',
|
|
15545
15548
|
mediumDelay: 'medium-delay',
|
|
15546
15549
|
largeDelay: 'large-delay',
|
|
@@ -15810,6 +15813,9 @@
|
|
|
15810
15813
|
const borderWidth = DesignToken.create(styleNameFromTokenName(tokenNames.borderWidth)).withDefault('1px');
|
|
15811
15814
|
const iconSize = DesignToken.create(styleNameFromTokenName(tokenNames.iconSize)).withDefault('16px');
|
|
15812
15815
|
const drawerWidth = DesignToken.create(styleNameFromTokenName(tokenNames.drawerWidth)).withDefault('784px');
|
|
15816
|
+
const spinnerSmallHeight = DesignToken.create(styleNameFromTokenName(tokenNames.spinnerSmallHeight)).withDefault('16px');
|
|
15817
|
+
DesignToken.create(styleNameFromTokenName(tokenNames.spinnerMediumHeight)).withDefault('32px');
|
|
15818
|
+
DesignToken.create(styleNameFromTokenName(tokenNames.spinnerLargeHeight)).withDefault('64px');
|
|
15813
15819
|
// Drop Shadow Tokens
|
|
15814
15820
|
DesignToken.create(styleNameFromTokenName(tokenNames.elevation1BoxShadow)).withDefault((element) => `0px 1px 4px ${hexToRgbaCssColor(getColorForTheme(element, Black, Black, Black), 0.16)}`);
|
|
15815
15821
|
const elevation2BoxShadow = DesignToken.create(styleNameFromTokenName(tokenNames.elevation2BoxShadow)).withDefault((element) => `0px 2px 4px ${hexToRgbaCssColor(getColorForTheme(element, Black, Black, Black), 0.16)}`);
|
|
@@ -22022,8 +22028,8 @@
|
|
|
22022
22028
|
${display('inline-flex')}
|
|
22023
22029
|
|
|
22024
22030
|
:host {
|
|
22025
|
-
|
|
22026
|
-
|
|
22031
|
+
height: ${spinnerSmallHeight};
|
|
22032
|
+
aspect-ratio: 1 / 1;
|
|
22027
22033
|
}
|
|
22028
22034
|
|
|
22029
22035
|
div.container {
|