@ni/nimble-components 20.13.0 → 20.14.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 +17 -3
- package/dist/all-components-bundle.js.map +1 -1
- package/dist/all-components-bundle.min.js +3217 -3215
- package/dist/all-components-bundle.min.js.map +1 -1
- package/dist/esm/dialog/styles.js +4 -3
- package/dist/esm/dialog/styles.js.map +1 -1
- package/dist/esm/dialog/template.js +1 -0
- package/dist/esm/dialog/template.js.map +1 -1
- package/dist/esm/theme-provider/design-token-comments.js +6 -0
- package/dist/esm/theme-provider/design-token-comments.js.map +1 -1
- package/dist/esm/theme-provider/design-token-names.d.ts +1 -1
- package/dist/esm/theme-provider/design-token-names.js +7 -0
- package/dist/esm/theme-provider/design-token-names.js.map +1 -1
- package/dist/esm/theme-provider/design-tokens.d.ts +6 -0
- package/dist/esm/theme-provider/design-tokens.js +6 -0
- package/dist/esm/theme-provider/design-tokens.js.map +1 -1
- package/dist/tokens-internal.scss +36 -0
- package/dist/tokens.scss +18 -0
- package/package.json +1 -1
|
@@ -16298,7 +16298,7 @@
|
|
|
16298
16298
|
|
|
16299
16299
|
/**
|
|
16300
16300
|
* Do not edit directly
|
|
16301
|
-
* Generated on
|
|
16301
|
+
* Generated on Fri, 03 Nov 2023 23:08:42 GMT
|
|
16302
16302
|
*/
|
|
16303
16303
|
|
|
16304
16304
|
const Information100DarkUi = "#a46eff";
|
|
@@ -16468,6 +16468,12 @@
|
|
|
16468
16468
|
iconSize: 'icon-size',
|
|
16469
16469
|
groupHeaderTextTransform: 'group-header-text-transform',
|
|
16470
16470
|
drawerWidth: 'drawer-width',
|
|
16471
|
+
dialogSmallWidth: 'dialog-small-width',
|
|
16472
|
+
dialogSmallHeight: 'dialog-small-height',
|
|
16473
|
+
dialogSmallMaxHeight: 'dialog-small-max-height',
|
|
16474
|
+
dialogLargeWidth: 'dialog-large-width',
|
|
16475
|
+
dialogLargeHeight: 'dialog-large-height',
|
|
16476
|
+
dialogLargeMaxHeight: 'dialog-large-max-height',
|
|
16471
16477
|
bannerGapSize: 'banner-gap-size',
|
|
16472
16478
|
spinnerSmallHeight: 'spinner-small-height',
|
|
16473
16479
|
spinnerMediumHeight: 'spinner-medium-height',
|
|
@@ -16873,6 +16879,12 @@
|
|
|
16873
16879
|
const borderWidth = DesignToken.create(styleNameFromTokenName(tokenNames.borderWidth)).withDefault('1px');
|
|
16874
16880
|
const iconSize = DesignToken.create(styleNameFromTokenName(tokenNames.iconSize)).withDefault('16px');
|
|
16875
16881
|
const drawerWidth = DesignToken.create(styleNameFromTokenName(tokenNames.drawerWidth)).withDefault('784px');
|
|
16882
|
+
const dialogSmallWidth = DesignToken.create(styleNameFromTokenName(tokenNames.dialogSmallWidth)).withDefault('400px');
|
|
16883
|
+
const dialogSmallHeight = DesignToken.create(styleNameFromTokenName(tokenNames.dialogSmallHeight)).withDefault('fit-content');
|
|
16884
|
+
const dialogSmallMaxHeight = DesignToken.create(styleNameFromTokenName(tokenNames.dialogSmallMaxHeight)).withDefault('600px');
|
|
16885
|
+
DesignToken.create(styleNameFromTokenName(tokenNames.dialogLargeWidth)).withDefault('1024px');
|
|
16886
|
+
DesignToken.create(styleNameFromTokenName(tokenNames.dialogLargeHeight)).withDefault('680px');
|
|
16887
|
+
DesignToken.create(styleNameFromTokenName(tokenNames.dialogLargeMaxHeight)).withDefault('680px');
|
|
16876
16888
|
DesignToken.create(styleNameFromTokenName(tokenNames.bannerGapSize)).withDefault('1px');
|
|
16877
16889
|
const spinnerSmallHeight = DesignToken.create(styleNameFromTokenName(tokenNames.spinnerSmallHeight)).withDefault('16px');
|
|
16878
16890
|
DesignToken.create(styleNameFromTokenName(tokenNames.spinnerMediumHeight)).withDefault('32px');
|
|
@@ -21129,8 +21141,9 @@
|
|
|
21129
21141
|
border: none;
|
|
21130
21142
|
box-shadow: ${elevation3BoxShadow};
|
|
21131
21143
|
padding: 0px;
|
|
21132
|
-
width:
|
|
21133
|
-
|
|
21144
|
+
width: ${dialogSmallWidth};
|
|
21145
|
+
height: ${dialogSmallHeight};
|
|
21146
|
+
max-height: ${dialogSmallMaxHeight};
|
|
21134
21147
|
}
|
|
21135
21148
|
|
|
21136
21149
|
dialog[open] {
|
|
@@ -21226,6 +21239,7 @@
|
|
|
21226
21239
|
<dialog
|
|
21227
21240
|
${ref('dialogElement')}
|
|
21228
21241
|
role="dialog"
|
|
21242
|
+
part="control"
|
|
21229
21243
|
@cancel="${(x, c) => x.cancelHandler(c.event)}"
|
|
21230
21244
|
aria-labelledby="header"
|
|
21231
21245
|
>
|