@intelligencebank/connectingib 3.2.0 → 5.0.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/README.md +1 -2
- package/dist/components/AssetBrowser/AssetBrowser.d.ts.map +1 -1
- package/dist/components/AssetBrowser/AssetBrowser.types.d.ts +5 -1
- package/dist/components/AssetBrowser/AssetBrowser.types.d.ts.map +1 -1
- package/dist/components/AssetCard/AssetCard.d.ts +6 -2
- package/dist/components/AssetCard/AssetCard.d.ts.map +1 -1
- package/dist/components/BrowserLoginConfirmation/BrowserLoginConfirmation.d.ts.map +1 -1
- package/dist/components/BrowserLoginConfirmation/BrowserLoginConfirmation.types.d.ts +13 -1
- package/dist/components/BrowserLoginConfirmation/BrowserLoginConfirmation.types.d.ts.map +1 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.types.d.ts +5 -1
- package/dist/components/Button/Button.types.d.ts.map +1 -1
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.types.d.ts +25 -1
- package/dist/components/Card/Card.types.d.ts.map +1 -1
- package/dist/components/Chip/Chip.d.ts.map +1 -1
- package/dist/components/Chip/Chip.types.d.ts +5 -1
- package/dist/components/Chip/Chip.types.d.ts.map +1 -1
- package/dist/components/DataContainerCard/DataContainerCard.d.ts +40 -0
- package/dist/components/DataContainerCard/DataContainerCard.d.ts.map +1 -0
- package/dist/components/DataContainerCard/DataContainerCard.types.d.ts +149 -0
- package/dist/components/DataContainerCard/DataContainerCard.types.d.ts.map +1 -0
- package/dist/components/DataContainerCard/index.d.ts +3 -0
- package/dist/components/DataContainerCard/index.d.ts.map +1 -0
- package/dist/components/DropZone/DropZone.d.ts.map +1 -1
- package/dist/components/DropZone/DropZone.types.d.ts +7 -1
- package/dist/components/DropZone/DropZone.types.d.ts.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.types.d.ts +10 -8
- package/dist/components/DropdownMenu/DropdownMenu.types.d.ts.map +1 -1
- package/dist/components/FieldLabel/FieldLabel.d.ts +3 -1
- package/dist/components/FieldLabel/FieldLabel.d.ts.map +1 -1
- package/dist/components/FieldLabel/FieldLabel.types.d.ts +19 -1
- package/dist/components/FieldLabel/FieldLabel.types.d.ts.map +1 -1
- package/dist/components/FiltersPanel/FiltersPanel.d.ts.map +1 -1
- package/dist/components/FiltersPanel/FiltersPanel.types.d.ts +9 -1
- package/dist/components/FiltersPanel/FiltersPanel.types.d.ts.map +1 -1
- package/dist/components/FolderCard/FolderCard.d.ts +6 -2
- package/dist/components/FolderCard/FolderCard.d.ts.map +1 -1
- package/dist/components/FolderTree/FolderTree.d.ts.map +1 -1
- package/dist/components/FolderTree/FolderTree.types.d.ts +5 -1
- package/dist/components/FolderTree/FolderTree.types.d.ts.map +1 -1
- package/dist/components/FormControl/FormControl.d.ts.map +1 -1
- package/dist/components/FormControl/FormControl.types.d.ts +9 -1
- package/dist/components/FormControl/FormControl.types.d.ts.map +1 -1
- package/dist/components/Grid/Grid.d.ts.map +1 -1
- package/dist/components/Grid/Grid.types.d.ts +10 -2
- package/dist/components/Grid/Grid.types.d.ts.map +1 -1
- package/dist/components/Icon/Icon.d.ts +2 -2
- package/dist/components/Icon/Icon.d.ts.map +1 -1
- package/dist/components/Icon/Icon.types.d.ts +11 -3
- package/dist/components/Icon/Icon.types.d.ts.map +1 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.types.d.ts +12 -15
- package/dist/components/Input/Input.types.d.ts.map +1 -1
- package/dist/components/Input/index.d.ts +1 -1
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/LinearLoading/LinearLoading.d.ts.map +1 -1
- package/dist/components/LinearLoading/LinearLoading.types.d.ts +5 -1
- package/dist/components/LinearLoading/LinearLoading.types.d.ts.map +1 -1
- package/dist/components/LoadingPlaceholder/LoadingPlaceholder.d.ts +25 -0
- package/dist/components/LoadingPlaceholder/LoadingPlaceholder.d.ts.map +1 -0
- package/dist/components/LoadingPlaceholder/LoadingPlaceholder.types.d.ts +69 -0
- package/dist/components/LoadingPlaceholder/LoadingPlaceholder.types.d.ts.map +1 -0
- package/dist/components/LoadingPlaceholder/index.d.ts +3 -0
- package/dist/components/LoadingPlaceholder/index.d.ts.map +1 -0
- package/dist/components/LoginForm/LoginForm.d.ts.map +1 -1
- package/dist/components/LoginForm/LoginForm.types.d.ts +14 -1
- package/dist/components/LoginForm/LoginForm.types.d.ts.map +1 -1
- package/dist/components/Message/Message.d.ts +18 -13
- package/dist/components/Message/Message.d.ts.map +1 -1
- package/dist/components/Message/Message.types.d.ts +114 -3
- package/dist/components/Message/Message.types.d.ts.map +1 -1
- package/dist/components/Message/SnackbarProvider.d.ts +55 -0
- package/dist/components/Message/SnackbarProvider.d.ts.map +1 -0
- package/dist/components/Message/SnackbarProvider.types.d.ts +101 -0
- package/dist/components/Message/SnackbarProvider.types.d.ts.map +1 -0
- package/dist/components/Message/SnackbarStack.d.ts +33 -0
- package/dist/components/Message/SnackbarStack.d.ts.map +1 -0
- package/dist/components/Message/SnackbarStack.types.d.ts +81 -0
- package/dist/components/Message/SnackbarStack.types.d.ts.map +1 -0
- package/dist/components/Message/index.d.ts +15 -2
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/MetadataDetails/MetadataDetails.d.ts +49 -0
- package/dist/components/MetadataDetails/MetadataDetails.d.ts.map +1 -0
- package/dist/components/MetadataDetails/MetadataDetails.types.d.ts +80 -0
- package/dist/components/MetadataDetails/MetadataDetails.types.d.ts.map +1 -0
- package/dist/components/MetadataDetails/index.d.ts +3 -0
- package/dist/components/MetadataDetails/index.d.ts.map +1 -0
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.types.d.ts +53 -27
- package/dist/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/components/Multiselect/Multiselect.d.ts.map +1 -1
- package/dist/components/Multiselect/Multiselect.types.d.ts +31 -4
- package/dist/components/Multiselect/Multiselect.types.d.ts.map +1 -1
- package/dist/components/NavBar/NavBar.d.ts +1 -1
- package/dist/components/NavBar/NavBar.d.ts.map +1 -1
- package/dist/components/NavBar/NavBar.types.d.ts +13 -2
- package/dist/components/NavBar/NavBar.types.d.ts.map +1 -1
- package/dist/components/Paginator/Paginator.d.ts +1 -1
- package/dist/components/Paginator/Paginator.d.ts.map +1 -1
- package/dist/components/Paginator/Paginator.types.d.ts +5 -16
- package/dist/components/Paginator/Paginator.types.d.ts.map +1 -1
- package/dist/components/PresetSelector/PresetSelector.d.ts +1 -1
- package/dist/components/PresetSelector/PresetSelector.d.ts.map +1 -1
- package/dist/components/PresetSelector/PresetSelector.types.d.ts +9 -1
- package/dist/components/PresetSelector/PresetSelector.types.d.ts.map +1 -1
- package/dist/components/Radio/Radio.d.ts.map +1 -1
- package/dist/components/Radio/RadioGroup.d.ts.map +1 -1
- package/dist/components/RiskCard/RiskCard.d.ts +38 -0
- package/dist/components/RiskCard/RiskCard.d.ts.map +1 -0
- package/dist/components/RiskCard/RiskCard.types.d.ts +100 -0
- package/dist/components/RiskCard/RiskCard.types.d.ts.map +1 -0
- package/dist/components/RiskCard/index.d.ts +3 -0
- package/dist/components/RiskCard/index.d.ts.map +1 -0
- package/dist/components/SearchForm/SearchForm.d.ts.map +1 -1
- package/dist/components/SearchForm/SearchForm.types.d.ts +5 -1
- package/dist/components/SearchForm/SearchForm.types.d.ts.map +1 -1
- package/dist/components/Select/Select.d.ts +0 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.types.d.ts +27 -19
- package/dist/components/Select/Select.types.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.d.ts +2 -2
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.types.d.ts +17 -8
- package/dist/components/Spinner/Spinner.types.d.ts.map +1 -1
- package/dist/components/Status/Status.d.ts.map +1 -1
- package/dist/components/Status/Status.types.d.ts +5 -1
- package/dist/components/Status/Status.types.d.ts.map +1 -1
- package/dist/components/StickyFooter/StickyFooter.d.ts +40 -0
- package/dist/components/StickyFooter/StickyFooter.d.ts.map +1 -0
- package/dist/components/StickyFooter/StickyFooter.types.d.ts +69 -0
- package/dist/components/StickyFooter/StickyFooter.types.d.ts.map +1 -0
- package/dist/components/StickyFooter/index.d.ts +3 -0
- package/dist/components/StickyFooter/index.d.ts.map +1 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Switch/Switch.types.d.ts +9 -1
- package/dist/components/Switch/Switch.types.d.ts.map +1 -1
- package/dist/components/Tabs/Tabs.types.d.ts +2 -2
- package/dist/components/Tabs/Tabs.types.d.ts.map +1 -1
- package/dist/components/TextArea/TextArea.d.ts.map +1 -1
- package/dist/components/TextArea/TextArea.types.d.ts +9 -1
- package/dist/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.types.d.ts +16 -2
- package/dist/components/Tooltip/Tooltip.types.d.ts.map +1 -1
- package/dist/components/index.d.ts +12 -16
- package/dist/components/index.d.ts.map +1 -1
- package/dist/connectingib.css +1 -1
- package/dist/index.js +1196 -1054
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +9975 -9420
- package/dist/index.mjs.map +1 -1
- package/dist/theme/colors.d.ts +29 -29
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/index.d.ts +65 -35
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/typography.d.ts +103 -0
- package/dist/theme/typography.d.ts.map +1 -0
- package/dist/tokens/index.d.ts +0 -1
- package/dist/tokens/index.d.ts.map +1 -1
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/index.mjs.map +1 -1
- package/dist/utils/file-formats.d.ts +1 -1
- package/package.json +1 -1
- package/dist/components/Accordion/Accordion.d.ts +0 -32
- package/dist/components/Accordion/Accordion.d.ts.map +0 -1
- package/dist/components/Accordion/Accordion.types.d.ts +0 -102
- package/dist/components/Accordion/Accordion.types.d.ts.map +0 -1
- package/dist/components/Accordion/index.d.ts +0 -3
- package/dist/components/Accordion/index.d.ts.map +0 -1
- package/dist/components/AssistiveMessage/AssistiveMessage.d.ts +0 -19
- package/dist/components/AssistiveMessage/AssistiveMessage.d.ts.map +0 -1
- package/dist/components/AssistiveMessage/AssistiveMessage.types.d.ts +0 -19
- package/dist/components/AssistiveMessage/AssistiveMessage.types.d.ts.map +0 -1
- package/dist/components/AssistiveMessage/index.d.ts +0 -7
- package/dist/components/AssistiveMessage/index.d.ts.map +0 -1
- package/dist/components/ErrorMessage/ErrorMessage.d.ts +0 -19
- package/dist/components/ErrorMessage/ErrorMessage.d.ts.map +0 -1
- package/dist/components/ErrorMessage/ErrorMessage.types.d.ts +0 -28
- package/dist/components/ErrorMessage/ErrorMessage.types.d.ts.map +0 -1
- package/dist/components/ErrorMessage/index.d.ts +0 -7
- package/dist/components/ErrorMessage/index.d.ts.map +0 -1
- package/dist/components/Overlay/Overlay.d.ts +0 -35
- package/dist/components/Overlay/Overlay.d.ts.map +0 -1
- package/dist/components/Overlay/Overlay.types.d.ts +0 -121
- package/dist/components/Overlay/Overlay.types.d.ts.map +0 -1
- package/dist/components/Overlay/index.d.ts +0 -7
- package/dist/components/Overlay/index.d.ts.map +0 -1
- package/dist/components/SingleDataComponent/SingleDataComponent.d.ts +0 -32
- package/dist/components/SingleDataComponent/SingleDataComponent.d.ts.map +0 -1
- package/dist/components/SingleDataComponent/SingleDataComponent.types.d.ts +0 -51
- package/dist/components/SingleDataComponent/SingleDataComponent.types.d.ts.map +0 -1
- package/dist/components/SingleDataComponent/index.d.ts +0 -3
- package/dist/components/SingleDataComponent/index.d.ts.map +0 -1
- package/dist/components/Snackbar/Snackbar.d.ts +0 -7
- package/dist/components/Snackbar/Snackbar.d.ts.map +0 -1
- package/dist/components/Snackbar/Snackbar.types.d.ts +0 -75
- package/dist/components/Snackbar/Snackbar.types.d.ts.map +0 -1
- package/dist/components/Snackbar/SnackbarProvider.d.ts +0 -7
- package/dist/components/Snackbar/SnackbarProvider.d.ts.map +0 -1
- package/dist/components/Snackbar/index.d.ts +0 -4
- package/dist/components/Snackbar/index.d.ts.map +0 -1
- package/dist/components/WarningMessage/WarningMessage.d.ts +0 -19
- package/dist/components/WarningMessage/WarningMessage.d.ts.map +0 -1
- package/dist/components/WarningMessage/WarningMessage.types.d.ts +0 -28
- package/dist/components/WarningMessage/WarningMessage.types.d.ts.map +0 -1
- package/dist/components/WarningMessage/index.d.ts +0 -7
- package/dist/components/WarningMessage/index.d.ts.map +0 -1
package/dist/theme/colors.d.ts
CHANGED
|
@@ -233,39 +233,39 @@ export declare const transparentWhite: {
|
|
|
233
233
|
readonly transparentWhite05: "rgba(255,255,255,0.05)";
|
|
234
234
|
};
|
|
235
235
|
/**
|
|
236
|
-
* Default
|
|
237
|
-
* Default is orange (#F4770B)
|
|
236
|
+
* Default/fallback values for the 6 dynamic tenant colors.
|
|
238
237
|
*
|
|
239
|
-
*
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
*
|
|
238
|
+
* These values are used when constructing the theme and no tenant-specific
|
|
239
|
+
* colors are provided from the login API response.
|
|
240
|
+
*
|
|
241
|
+
* IMPORTANT: Components should NOT import these directly.
|
|
242
|
+
* Instead, use:
|
|
243
|
+
* - theme.colors.highlight (via useTheme())
|
|
244
|
+
* - var(--color-highlight) (in CSS)
|
|
244
245
|
*
|
|
245
|
-
*
|
|
246
|
-
* At runtime, they can be replaced by values from the login API response:
|
|
246
|
+
* The theme handles the "default vs dynamic" resolution automatically.
|
|
247
247
|
*
|
|
248
|
-
* Login Response Field → Theme Property
|
|
249
|
-
*
|
|
250
|
-
* colourPrimary → colors.primary
|
|
251
|
-
* colourPrimaryText → colors.primaryText
|
|
252
|
-
* colourSecondary → colors.secondary
|
|
253
|
-
* colourSecondaryText → colors.secondaryText
|
|
254
|
-
* colourHighlight → colors.highlight
|
|
255
|
-
* colourHighlightText → colors.highlightText
|
|
248
|
+
* Login Response Field → Theme Property → CSS Variable
|
|
249
|
+
* ─────────────────────────────────────────────────────────────────────────
|
|
250
|
+
* colourPrimary → colors.primary → --color-primary
|
|
251
|
+
* colourPrimaryText → colors.primaryText → --color-primary-text
|
|
252
|
+
* colourSecondary → colors.secondary → --color-secondary
|
|
253
|
+
* colourSecondaryText → colors.secondaryText → --color-secondary-text
|
|
254
|
+
* colourHighlight → colors.highlight → --color-highlight
|
|
255
|
+
* colourHighlightText → colors.highlightText → --color-highlight-text
|
|
256
256
|
*/
|
|
257
257
|
export declare const defaultPaletteColors: {
|
|
258
|
-
/** Primary color -
|
|
258
|
+
/** Primary color fallback - white background */
|
|
259
259
|
readonly PRIMARY_DEFAULT: "#ffffff";
|
|
260
|
-
/** Primary text color - black on primary backgrounds */
|
|
260
|
+
/** Primary text color fallback - black on primary backgrounds */
|
|
261
261
|
readonly PRIMARY_TEXT_DEFAULT: "#000000";
|
|
262
|
-
/** Secondary color - orange accent */
|
|
262
|
+
/** Secondary color fallback - orange accent */
|
|
263
263
|
readonly SECONDARY_DEFAULT: "#F68D32";
|
|
264
|
-
/** Secondary text color - white on secondary backgrounds */
|
|
264
|
+
/** Secondary text color fallback - white on secondary backgrounds */
|
|
265
265
|
readonly SECONDARY_TEXT_DEFAULT: "#ffffff";
|
|
266
|
-
/** Highlight/accent color - brand orange */
|
|
266
|
+
/** Highlight/accent color fallback - brand orange */
|
|
267
267
|
readonly HIGHLIGHT_DEFAULT: "#F4770B";
|
|
268
|
-
/** Highlight text color - white on highlight backgrounds */
|
|
268
|
+
/** Highlight text color fallback - white on highlight backgrounds */
|
|
269
269
|
readonly HIGHLIGHT_TEXT_DEFAULT: "#ffffff";
|
|
270
270
|
};
|
|
271
271
|
/**
|
|
@@ -580,17 +580,17 @@ export declare const ibUiColors: {
|
|
|
580
580
|
};
|
|
581
581
|
readonly highlight: "#F4770B";
|
|
582
582
|
readonly palette: {
|
|
583
|
-
/** Primary color -
|
|
583
|
+
/** Primary color fallback - white background */
|
|
584
584
|
readonly PRIMARY_DEFAULT: "#ffffff";
|
|
585
|
-
/** Primary text color - black on primary backgrounds */
|
|
585
|
+
/** Primary text color fallback - black on primary backgrounds */
|
|
586
586
|
readonly PRIMARY_TEXT_DEFAULT: "#000000";
|
|
587
|
-
/** Secondary color - orange accent */
|
|
587
|
+
/** Secondary color fallback - orange accent */
|
|
588
588
|
readonly SECONDARY_DEFAULT: "#F68D32";
|
|
589
|
-
/** Secondary text color - white on secondary backgrounds */
|
|
589
|
+
/** Secondary text color fallback - white on secondary backgrounds */
|
|
590
590
|
readonly SECONDARY_TEXT_DEFAULT: "#ffffff";
|
|
591
|
-
/** Highlight/accent color - brand orange */
|
|
591
|
+
/** Highlight/accent color fallback - brand orange */
|
|
592
592
|
readonly HIGHLIGHT_DEFAULT: "#F4770B";
|
|
593
|
-
/** Highlight text color - white on highlight backgrounds */
|
|
593
|
+
/** Highlight text color fallback - white on highlight backgrounds */
|
|
594
594
|
readonly HIGHLIGHT_TEXT_DEFAULT: "#ffffff";
|
|
595
595
|
};
|
|
596
596
|
readonly user: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH;;;GAGG;AACH,eAAO,MAAM,SAAS;IACpB,yCAAyC;;IAEzC,8CAA8C;;IAE9C,iDAAiD;;IAEjD,kCAAkC;;IAElC,kCAAkC;;IAElC,0CAA0C;;IAE1C,wCAAwC;;IAExC,2CAA2C;;IAE3C,iEAAiE;;IAEjE,gCAAgC;;CAExB,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,WAAW;IACtB,2CAA2C;;IAE3C,uCAAuC;;IAEvC,yCAAyC;;IAEzC,wCAAwC;;IAExC,4CAA4C;;CAEpC,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,SAAS;IACpB,uDAAuD;;IAEvD,uCAAuC;;IAEvC,mCAAmC;;IAEnC,qCAAqC;;IAErC,oCAAoC;;IAEpC,wCAAwC;;CAEhC,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,UAAU;IACrB,uDAAuD;;IAEvD,uCAAuC;;IAEvC,mCAAmC;;IAEnC,qCAAqC;;IAErC,oCAAoC;;IAEpC,wCAAwC;;IAExC,sCAAsC;;CAE9B,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,YAAY;IACvB,4DAA4D;;IAE5D,4CAA4C;;IAE5C,wCAAwC;;IAExC,0CAA0C;;IAE1C,yCAAyC;;IAEzC,6CAA6C;;CAErC,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,UAAU;IACrB,yBAAyB;;IAEzB,uBAAuB;;IAEvB,kCAAkC;;IAElC,4CAA4C;;IAE5C,sCAAsC;;IAEtC,mCAAmC;;CAE3B,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,gBAAgB;IAC3B,mCAAmC;;IAEnC,mBAAmB;;IAEnB,oBAAoB;;CAEZ,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,YAAY;IACvB,2BAA2B;;IAE3B,0BAA0B;;IAE1B,0BAA0B;;CAElB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,UAAU;IACrB,yBAAyB;;IAEzB,yBAAyB;;IAEzB,8BAA8B;;CAEtB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,gBAAgB;IAC3B,4CAA4C;;IAE5C,gCAAgC;;IAEhC,iCAAiC;;CAEzB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,UAAU;IACrB,YAAY;;IAEZ,YAAY;;IAEZ,uCAAuC;;CAE/B,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,YAAY;IACvB,6BAA6B;;IAE7B,yBAAyB;;IAEzB,8BAA8B;;IAE9B,2BAA2B;;IAE3B,6BAA6B;;CAErB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,cAAc;IACzB,gCAAgC;;IAEhC,kCAAkC;;IAElC,kCAAkC;;CAE1B,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,cAAc;IACzB,yBAAyB;;IAEzB,qBAAqB;;CAEb,CAAC;AAMX;;GAEG;AACH,eAAO,MAAM,gBAAgB;IAC3B,wBAAwB;;IAExB,wBAAwB;;IAExB,sCAAsC;;IAEtC,qCAAqC;;CAE7B,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,gBAAgB;IAC3B,wBAAwB;;IAExB,wBAAwB;;IAExB,uBAAuB;;CAEf,CAAC;AAMX
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"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"}
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -1,18 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
* Theme System for IntelligenceBank UI Primitives
|
|
3
|
-
*
|
|
4
|
-
* This theme has two types of colors:
|
|
5
|
-
*
|
|
6
|
-
* 1. DYNAMIC COLORS (6 tenant-specific) - Populated from login response:
|
|
7
|
-
* - colourPrimary → colors.primary
|
|
8
|
-
* - colourPrimaryText → colors.primaryText
|
|
9
|
-
* - colourSecondary → colors.secondary
|
|
10
|
-
* - colourSecondaryText → colors.secondaryText
|
|
11
|
-
* - colourHighlight → colors.highlight
|
|
12
|
-
* - colourHighlightText → colors.highlightText
|
|
13
|
-
*
|
|
14
|
-
* 2. FIXED TOKENS - Never change (success, error, grey scale, etc.)
|
|
15
|
-
*/
|
|
1
|
+
import { createFontSizes, DEFAULT_BASE_FONT_SIZE, FONT_SCALE_PRESETS, TypographyConfig, FontSizes, FontScalePreset } from './typography';
|
|
16
2
|
export declare const productionTheme: {
|
|
17
3
|
readonly colors: {
|
|
18
4
|
readonly primary: "#ffffff";
|
|
@@ -127,16 +113,9 @@ export declare const productionTheme: {
|
|
|
127
113
|
};
|
|
128
114
|
readonly typography: {
|
|
129
115
|
readonly fontFamily: "\"Roboto\", sans-serif";
|
|
130
|
-
readonly fontFamilyIcons: "\"Material
|
|
131
|
-
readonly
|
|
132
|
-
|
|
133
|
-
readonly sm: "14px";
|
|
134
|
-
readonly base: "14px";
|
|
135
|
-
readonly md: "14.5px";
|
|
136
|
-
readonly lg: "15px";
|
|
137
|
-
readonly xl: "18px";
|
|
138
|
-
readonly icons: "24px";
|
|
139
|
-
};
|
|
116
|
+
readonly fontFamilyIcons: "\"Material Symbols Outlined\"";
|
|
117
|
+
readonly baseFontSize: 14;
|
|
118
|
+
readonly fontSize: FontSizes;
|
|
140
119
|
readonly fontWeight: {
|
|
141
120
|
readonly regular: 400;
|
|
142
121
|
readonly medium: 500;
|
|
@@ -214,6 +193,61 @@ export declare const productionTheme: {
|
|
|
214
193
|
};
|
|
215
194
|
};
|
|
216
195
|
export type Theme = typeof productionTheme;
|
|
196
|
+
/**
|
|
197
|
+
* Theme configuration options for createTheme().
|
|
198
|
+
*/
|
|
199
|
+
export interface ThemeConfig {
|
|
200
|
+
/**
|
|
201
|
+
* Typography configuration options.
|
|
202
|
+
*/
|
|
203
|
+
typography?: Partial<TypographyConfig>;
|
|
204
|
+
/**
|
|
205
|
+
* Dynamic tenant colors (from login API response).
|
|
206
|
+
*/
|
|
207
|
+
colors?: {
|
|
208
|
+
primary?: string;
|
|
209
|
+
primaryText?: string;
|
|
210
|
+
secondary?: string;
|
|
211
|
+
secondaryText?: string;
|
|
212
|
+
highlight?: string;
|
|
213
|
+
highlightText?: string;
|
|
214
|
+
};
|
|
215
|
+
}
|
|
216
|
+
/**
|
|
217
|
+
* Creates a customized theme with the given configuration.
|
|
218
|
+
* Use this to create themes with different base font sizes for accessibility,
|
|
219
|
+
* or to apply tenant-specific colors from the login API response.
|
|
220
|
+
*
|
|
221
|
+
* @param config - Theme configuration options
|
|
222
|
+
* @returns A complete theme object
|
|
223
|
+
*
|
|
224
|
+
* @example
|
|
225
|
+
* // Default theme (same as importing `theme`)
|
|
226
|
+
* const defaultTheme = createTheme();
|
|
227
|
+
*
|
|
228
|
+
* @example
|
|
229
|
+
* // Large accessibility mode (16px base)
|
|
230
|
+
* const largeTheme = createTheme({
|
|
231
|
+
* typography: { baseFontSize: 16 }
|
|
232
|
+
* });
|
|
233
|
+
*
|
|
234
|
+
* @example
|
|
235
|
+
* // With tenant colors from login response
|
|
236
|
+
* const tenantTheme = createTheme({
|
|
237
|
+
* colors: {
|
|
238
|
+
* primary: loginResponse.colourPrimary,
|
|
239
|
+
* highlight: loginResponse.colourHighlight,
|
|
240
|
+
* }
|
|
241
|
+
* });
|
|
242
|
+
*
|
|
243
|
+
* @example
|
|
244
|
+
* // Using font scale presets
|
|
245
|
+
* import { FONT_SCALE_PRESETS } from '@intelligencebank/connectingib';
|
|
246
|
+
* const comfortableTheme = createTheme({
|
|
247
|
+
* typography: { baseFontSize: FONT_SCALE_PRESETS.comfortable }
|
|
248
|
+
* });
|
|
249
|
+
*/
|
|
250
|
+
export declare function createTheme(config?: ThemeConfig): Theme;
|
|
217
251
|
export declare const theme: {
|
|
218
252
|
readonly colors: {
|
|
219
253
|
readonly primary: "#ffffff";
|
|
@@ -328,16 +362,9 @@ export declare const theme: {
|
|
|
328
362
|
};
|
|
329
363
|
readonly typography: {
|
|
330
364
|
readonly fontFamily: "\"Roboto\", sans-serif";
|
|
331
|
-
readonly fontFamilyIcons: "\"Material
|
|
332
|
-
readonly
|
|
333
|
-
|
|
334
|
-
readonly sm: "14px";
|
|
335
|
-
readonly base: "14px";
|
|
336
|
-
readonly md: "14.5px";
|
|
337
|
-
readonly lg: "15px";
|
|
338
|
-
readonly xl: "18px";
|
|
339
|
-
readonly icons: "24px";
|
|
340
|
-
};
|
|
365
|
+
readonly fontFamilyIcons: "\"Material Symbols Outlined\"";
|
|
366
|
+
readonly baseFontSize: 14;
|
|
367
|
+
readonly fontSize: FontSizes;
|
|
341
368
|
readonly fontWeight: {
|
|
342
369
|
readonly regular: 400;
|
|
343
370
|
readonly medium: 500;
|
|
@@ -414,8 +441,11 @@ export declare const theme: {
|
|
|
414
441
|
readonly snackbar: 10000;
|
|
415
442
|
};
|
|
416
443
|
};
|
|
444
|
+
export { productionTheme as defaultTheme };
|
|
417
445
|
export { ThemeProvider } from './ThemeProvider';
|
|
418
446
|
export type { ThemeProviderProps } from './ThemeProvider';
|
|
447
|
+
export { createFontSizes, DEFAULT_BASE_FONT_SIZE, FONT_SCALE_PRESETS, };
|
|
448
|
+
export type { TypographyConfig, FontSizes, FontScalePreset };
|
|
419
449
|
export * from './colors';
|
|
420
450
|
export default productionTheme;
|
|
421
451
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAqBH,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACd,KAAK,eAAe,EACrB,MAAM,cAAc,CAAC;AAwDtB,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyMlB,CAAC;AAEX,MAAM,MAAM,KAAK,GAAG,OAAO,eAAe,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAEvC;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,wBAAgB,WAAW,CAAC,MAAM,GAAE,WAAgB,GAAG,KAAK,CAoB3D;AAGD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAkB,CAAC;AAGrC,OAAO,EAAE,eAAe,IAAI,YAAY,EAAE,CAAC;AAG3C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,kBAAkB,GACnB,CAAC;AACF,YAAY,EAAE,gBAAgB,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAG7D,cAAc,UAAU,CAAC;AAGzB,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Typography Utilities for Relative Font Sizing
|
|
3
|
+
*
|
|
4
|
+
* This module provides utilities for creating scalable font sizes
|
|
5
|
+
* based on a configurable base size. All font sizes are derived
|
|
6
|
+
* from the base using ratios, enabling easy accessibility scaling.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* // Default sizing (base = 14px)
|
|
10
|
+
* const sizes = createFontSizes(); // tn=10px, xs=12px, sm=14px, xl=18px
|
|
11
|
+
*
|
|
12
|
+
* // Large accessibility mode (base = 16px)
|
|
13
|
+
* const largeSizes = createFontSizes(16); // tn=11.4px, xs=13.7px, sm=16px, xl=20.6px
|
|
14
|
+
*/
|
|
15
|
+
/**
|
|
16
|
+
* Default base font size in pixels.
|
|
17
|
+
* This matches the current production value.
|
|
18
|
+
*/
|
|
19
|
+
export declare const DEFAULT_BASE_FONT_SIZE = 14;
|
|
20
|
+
/**
|
|
21
|
+
* Font size ratios relative to base.
|
|
22
|
+
* These ratios are calculated to match the current pixel values
|
|
23
|
+
* when base = 14px:
|
|
24
|
+
* - tn: 10px → 10/14 = 0.714 (tiny)
|
|
25
|
+
* - xs: 12px → 12/14 = 0.857
|
|
26
|
+
* - sm: 14px → 14/14 = 1.0
|
|
27
|
+
* - base: 14px → 14/14 = 1.0
|
|
28
|
+
* - md: 14.5px → 14.5/14 = 1.036
|
|
29
|
+
* - lg: 15px → 15/14 = 1.071
|
|
30
|
+
* - xl: 18px → 18/14 = 1.286
|
|
31
|
+
*/
|
|
32
|
+
export declare const FONT_SIZE_RATIOS: {
|
|
33
|
+
readonly tn: number;
|
|
34
|
+
readonly xs: number;
|
|
35
|
+
readonly sm: number;
|
|
36
|
+
readonly base: number;
|
|
37
|
+
readonly md: number;
|
|
38
|
+
readonly lg: number;
|
|
39
|
+
readonly xl: number;
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* Font size preset names for common accessibility configurations.
|
|
43
|
+
*/
|
|
44
|
+
export declare const FONT_SCALE_PRESETS: {
|
|
45
|
+
readonly compact: 12;
|
|
46
|
+
readonly normal: 14;
|
|
47
|
+
readonly comfortable: 16;
|
|
48
|
+
readonly large: 18;
|
|
49
|
+
};
|
|
50
|
+
export type FontScalePreset = keyof typeof FONT_SCALE_PRESETS;
|
|
51
|
+
/**
|
|
52
|
+
* Typography configuration options.
|
|
53
|
+
*/
|
|
54
|
+
export interface TypographyConfig {
|
|
55
|
+
/**
|
|
56
|
+
* Base font size in pixels. All other sizes are derived from this value.
|
|
57
|
+
* @default 14
|
|
58
|
+
*/
|
|
59
|
+
baseFontSize?: number;
|
|
60
|
+
}
|
|
61
|
+
/**
|
|
62
|
+
* Generated font sizes type.
|
|
63
|
+
*/
|
|
64
|
+
export interface FontSizes {
|
|
65
|
+
tn: string;
|
|
66
|
+
xs: string;
|
|
67
|
+
sm: string;
|
|
68
|
+
base: string;
|
|
69
|
+
md: string;
|
|
70
|
+
lg: string;
|
|
71
|
+
xl: string;
|
|
72
|
+
icons: string;
|
|
73
|
+
}
|
|
74
|
+
/**
|
|
75
|
+
* Creates font sizes based on a configurable base size.
|
|
76
|
+
* All sizes are calculated using ratios relative to the base.
|
|
77
|
+
*
|
|
78
|
+
* @param baseFontSize - The base font size in pixels (default: 14)
|
|
79
|
+
* @returns Font sizes object with pixel values as strings
|
|
80
|
+
*
|
|
81
|
+
* @example
|
|
82
|
+
* // Default (14px base)
|
|
83
|
+
* createFontSizes();
|
|
84
|
+
* // { tn: '10px', xs: '12px', sm: '14px', base: '14px', md: '14.5px', lg: '15px', xl: '18px', icons: '24px' }
|
|
85
|
+
*
|
|
86
|
+
* @example
|
|
87
|
+
* // Large accessibility mode (16px base)
|
|
88
|
+
* createFontSizes(16);
|
|
89
|
+
* // { tn: '11.4px', xs: '13.7px', sm: '16px', base: '16px', md: '16.6px', lg: '17.1px', xl: '20.6px', icons: '24px' }
|
|
90
|
+
*/
|
|
91
|
+
export declare function createFontSizes(baseFontSize?: number): FontSizes;
|
|
92
|
+
/**
|
|
93
|
+
* Creates font sizes from a preset name.
|
|
94
|
+
*
|
|
95
|
+
* @param preset - The preset name ('compact', 'normal', 'comfortable', 'large')
|
|
96
|
+
* @returns Font sizes object with pixel values as strings
|
|
97
|
+
*
|
|
98
|
+
* @example
|
|
99
|
+
* createFontSizesFromPreset('large');
|
|
100
|
+
* // { tn: '12.9px', xs: '15.4px', sm: '18px', base: '18px', md: '18.6px', lg: '19.3px', xl: '23.1px', icons: '24px' }
|
|
101
|
+
*/
|
|
102
|
+
export declare function createFontSizesFromPreset(preset: FontScalePreset): FontSizes;
|
|
103
|
+
//# sourceMappingURL=typography.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH;;;GAGG;AACH,eAAO,MAAM,sBAAsB,KAAK,CAAC;AAEzC;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,gBAAgB;;;;;;;;CAQnB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAC;AAEX,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAE9D;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AASD;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,eAAe,CAAC,YAAY,GAAE,MAA+B,GAAG,SAAS,CAmBxF;AAED;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,eAAe,GAAG,SAAS,CAE5E"}
|
package/dist/tokens/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,2BAA2B;AAC3B,eAAO,MAAM,WAAW;;;;;;;;;;;CAgBd,CAAC;AAEX,wBAAwB;AACxB,eAAO,MAAM,UAAU;;;;;;CAMb,CAAC;AAEX,8BAA8B;AAC9B,eAAO,MAAM,WAAW;;;;;;CAMd,CAAC;AAEX,8BAA8B;AAC9B,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC;AAEX,0CAA0C;AAC1C,eAAO,MAAM,aAAa;;;;;;CAMhB,CAAC;AAMX;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,YAAY;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AAED,8DAA8D;AAC9D,eAAO,MAAM,mBAAmB,EAAE,YAOjC,CAAC;AAMF,gDAAgD;AAChD,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DjB,CAAC;AAMX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqCb,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4BV,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBV,CAAC;AAMX,eAAO,MAAM,OAAO;;;;;;;;CAQV,CAAC;AAMX,eAAO,MAAM,SAAS;;;;;;;;;;;;;;CAcZ,CAAC;AAMX,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC;AAC3C,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC;AAC7C,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC;AAC/C,MAAM,MAAM,aAAa,GAAG,OAAO,aAAa,CAAC;AACjD,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC;AACnD,MAAM,MAAM,UAAU,GAAG,OAAO,UAAU,CAAC;AAC3C,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC;AACrC,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC;AAMzC,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC;AAEX,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOT,CAAC;AAEX,MAAM,MAAM,MAAM,GAAG,OAAO,MAAM,CAAC"}
|
package/dist/tokens/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/tokens/index.ts"],"sourcesContent":["/**\n * Design Tokens for IntelligenceBank design system\n * Based on IntelligenceBank Brand Guidelines\n * Placeholder - Full token system will be refined in Phase 1.3\n */\n\n// ============================================================================\n// IntelligenceBank Brand Colors (from style guide)\n// ============================================================================\n\n/** Primary Brand Colors */\nexport const brandColors = {\n // Primary Colors\n amber: '#F68D32',\n white: '#FFFFFF',\n shade: '#211C1C',\n\n // Secondary Colors\n goldenRays: '#FCB33F',\n skyMagenta: '#BF1767',\n midnight: '#040D4D',\n\n // Neutral Colors\n stone: '#727477',\n grey1: '#ADADB0',\n grey2: '#D0D4D8',\n grey3: '#F4F6F8',\n} as const;\n\n/** Amber Tonal Range */\nexport const amberTones = {\n darkest: '#F4770B',\n primary: '#F68D32',\n medium: '#F79E50',\n light: '#FAC596',\n lightest: '#FDECDC',\n} as const;\n\n/** Golden Rays Tonal Range */\nexport const goldenTones = {\n darkest: '#FB9C04',\n primary: '#FCB33F',\n medium: '#FFC05B',\n light: '#FDD493',\n lightest: '#FEF1DB',\n} as const;\n\n/** Sky Magenta Tonal Range */\nexport const magentaTones = {\n darkest: '#A31458',\n primary: '#BF1767',\n medium: '#E41B7B',\n light: '#EB5CA1',\n lightest: '#FBDEEC',\n} as const;\n\n/** Midnight Tonal Range (Product Only) */\nexport const midnightTones = {\n darkest: '#020623',\n primary: '#040D4D',\n medium: '#091DAD', // Product Only - avoid in marketing\n light: '#5266F6', // Product Only - avoid in marketing\n lightest: '#97A3FA', // Product Only - avoid in marketing\n} as const;\n\n// ============================================================================\n// Dynamic Tenant Colors (from IntelligenceBank login response)\n// ============================================================================\n\n/**\n * Tenant colors returned from IntelligenceBank login response.\n * These are dynamic and set per-tenant.\n *\n * Example response:\n * {\n * \"colourPrimary\": \"#FFFFFF\",\n * \"colourPrimaryText\": \"#000000\",\n * \"colourSecondary\": \"#FCB33F\",\n * \"colourSecondaryText\": \"#FFFFFF\",\n * \"colourHighlight\": \"#FC3F9D\",\n * \"colourHighlightText\": \"#FFFFFF\"\n * }\n */\nexport interface TenantColors {\n colourPrimary: string;\n colourPrimaryText: string;\n colourSecondary: string;\n colourSecondaryText: string;\n colourHighlight: string;\n colourHighlightText: string;\n}\n\n/** Default tenant colors (IntelligenceBank brand defaults) */\nexport const defaultTenantColors: TenantColors = {\n colourPrimary: brandColors.white,\n colourPrimaryText: brandColors.shade,\n colourSecondary: brandColors.goldenRays,\n colourSecondaryText: brandColors.white,\n colourHighlight: brandColors.skyMagenta,\n colourHighlightText: brandColors.white,\n};\n\n// ============================================================================\n// Semantic Tokens (application-level)\n// ============================================================================\n\n/** Semantic colors derived from brand colors */\nexport const semanticColors = {\n // Backgrounds\n background: {\n primary: brandColors.white,\n secondary: brandColors.grey3,\n tertiary: brandColors.grey2,\n inverse: brandColors.shade,\n disabled: brandColors.grey2,\n surface: brandColors.white,\n },\n\n // Text (following IB Brand Guidelines)\n text: {\n primary: brandColors.shade, // Headers, H1-H3\n secondary: brandColors.stone, // Body text\n tertiary: brandColors.grey1, // Secondary text, placeholders\n inverse: brandColors.white, // Text on dark backgrounds\n disabled: brandColors.grey1,\n link: brandColors.amber, // Links\n linkHover: brandColors.goldenRays, // Links hover\n },\n\n // Interactive elements\n interactive: {\n primary: brandColors.amber, // Primary buttons\n primaryHover: amberTones.darkest, // Primary buttons hover\n primaryActive: amberTones.darkest,\n secondary: brandColors.grey3, // Secondary buttons background\n secondaryHover: brandColors.grey2,\n secondaryActive: brandColors.grey1,\n focus: brandColors.amber, // Focus outline\n },\n\n // Border\n border: {\n primary: brandColors.grey2, // Light borders, dividers\n secondary: brandColors.grey1,\n focus: brandColors.amber,\n error: brandColors.skyMagenta,\n },\n\n // Status indicators (from IB guidelines)\n status: {\n success: brandColors.amber, // Compliance passed\n successBackground: amberTones.lightest,\n warning: brandColors.goldenRays, // Compliance issues found\n warningBackground: goldenTones.lightest,\n error: brandColors.skyMagenta, // Critical failures\n errorBackground: magentaTones.lightest,\n info: brandColors.midnight, // General information\n infoBackground: midnightTones.lightest,\n },\n\n // Compliance severity levels\n severity: {\n critical: magentaTones.darkest,\n high: magentaTones.primary,\n medium: goldenTones.darkest,\n low: goldenTones.light,\n info: amberTones.medium,\n },\n} as const;\n\n// ============================================================================\n// Typography (from IB Brand Guidelines)\n// ============================================================================\n\nexport const typography = {\n fontFamily: {\n primary:\n \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n mono: \"'JetBrains Mono', 'Fira Code', Consolas, monospace\",\n },\n\n // Font sizes from IB guidelines\n fontSize: {\n xs: '0.75rem', // 12px - Small\n sm: '0.875rem', // 14px - Body\n base: '1rem', // 16px - H3\n lg: '1.125rem', // 18px\n xl: '1.25rem', // 20px - H2\n '2xl': '1.5rem', // 24px - H1\n '3xl': '1.875rem', // 30px\n '4xl': '2.25rem', // 36px\n },\n\n fontWeight: {\n regular: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n },\n\n lineHeight: {\n tight: '1.25',\n normal: '1.5',\n relaxed: '1.75',\n },\n\n letterSpacing: {\n tight: '-0.025em',\n normal: '0',\n wide: '0.025em',\n },\n} as const;\n\n// ============================================================================\n// Spacing (from IB Brand Guidelines)\n// ============================================================================\n\nexport const spacing = {\n 0: '0',\n px: '1px',\n xs: '0.25rem', // 4px - XS\n sm: '0.5rem', // 8px - SM\n md: '1rem', // 16px - MD\n lg: '1.5rem', // 24px - LG\n xl: '2rem', // 32px - XL\n // Extended scale\n 0.5: '0.125rem', // 2px\n 1: '0.25rem', // 4px\n 1.5: '0.375rem', // 6px\n 2: '0.5rem', // 8px\n 2.5: '0.625rem', // 10px\n 3: '0.75rem', // 12px\n 3.5: '0.875rem', // 14px\n 4: '1rem', // 16px\n 5: '1.25rem', // 20px\n 6: '1.5rem', // 24px\n 7: '1.75rem', // 28px\n 8: '2rem', // 32px\n 9: '2.25rem', // 36px\n 10: '2.5rem', // 40px\n 12: '3rem', // 48px\n 14: '3.5rem', // 56px\n 16: '4rem', // 64px\n 20: '5rem', // 80px\n 24: '6rem', // 96px\n} as const;\n\n// ============================================================================\n// Borders (from IB Brand Guidelines)\n// ============================================================================\n\nexport const borders = {\n radius: {\n none: '0',\n sm: '0.25rem', // 4px - Small (buttons, inputs)\n base: '0.5rem', // 8px - Medium (cards, modals)\n md: '0.5rem', // 8px\n lg: '0.75rem', // 12px - Large (containers)\n xl: '1rem', // 16px\n '2xl': '1.5rem', // 24px\n full: '9999px',\n },\n width: {\n 0: '0',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n },\n} as const;\n\n// ============================================================================\n// Shadows (from IB Brand Guidelines)\n// ============================================================================\n\nexport const shadows = {\n none: 'none',\n sm: '0 1px 3px rgba(33, 28, 28, 0.1)', // Level 1\n base: '0 4px 6px rgba(33, 28, 28, 0.1)', // Level 2\n md: '0 4px 6px rgba(33, 28, 28, 0.1)', // Level 2\n lg: '0 10px 15px rgba(33, 28, 28, 0.1)', // Level 3\n xl: '0 20px 25px rgba(33, 28, 28, 0.1)',\n '2xl': '0 25px 50px rgba(33, 28, 28, 0.2)',\n} as const;\n\n// ============================================================================\n// Animation tokens\n// ============================================================================\n\nexport const animation = {\n duration: {\n instant: '0ms',\n fast: '150ms',\n normal: '200ms',\n slow: '300ms',\n slower: '500ms',\n },\n easing: {\n linear: 'linear',\n easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n easeOut: 'cubic-bezier(0, 0, 0.2, 1)',\n easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n} as const;\n\n// ============================================================================\n// Type exports\n// ============================================================================\n\nexport type BrandColors = typeof brandColors;\nexport type AmberTones = typeof amberTones;\nexport type GoldenTones = typeof goldenTones;\nexport type MagentaTones = typeof magentaTones;\nexport type MidnightTones = typeof midnightTones;\nexport type SemanticColors = typeof semanticColors;\nexport type Typography = typeof typography;\nexport type Spacing = typeof spacing;\nexport type Borders = typeof borders;\nexport type Shadows = typeof shadows;\nexport type Animation = typeof animation;\n\n// ============================================================================\n// Re-export grouped tokens for convenience\n// ============================================================================\n\nexport const colors = {\n brand: brandColors,\n amber: amberTones,\n golden: goldenTones,\n magenta: magentaTones,\n midnight: midnightTones,\n semantic: semanticColors,\n} as const;\n\nexport const tokens = {\n colors,\n typography,\n spacing,\n borders,\n shadows,\n animation,\n} as const;\n\nexport type Tokens = typeof tokens;"],"names":["brandColors","amberTones","goldenTones","magentaTones","midnightTones","defaultTenantColors","semanticColors","typography","spacing","borders","shadows","animation","colors","tokens"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/tokens/index.ts"],"sourcesContent":["/**\n * Design Tokens for IntelligenceBank design system\n * Based on IntelligenceBank Brand Guidelines\n */\n\n// ============================================================================\n// IntelligenceBank Brand Colors (from style guide)\n// ============================================================================\n\n/** Primary Brand Colors */\nexport const brandColors = {\n // Primary Colors\n amber: '#F68D32',\n white: '#FFFFFF',\n shade: '#211C1C',\n\n // Secondary Colors\n goldenRays: '#FCB33F',\n skyMagenta: '#BF1767',\n midnight: '#040D4D',\n\n // Neutral Colors\n stone: '#727477',\n grey1: '#ADADB0',\n grey2: '#D0D4D8',\n grey3: '#F4F6F8',\n} as const;\n\n/** Amber Tonal Range */\nexport const amberTones = {\n darkest: '#F4770B',\n primary: '#F68D32',\n medium: '#F79E50',\n light: '#FAC596',\n lightest: '#FDECDC',\n} as const;\n\n/** Golden Rays Tonal Range */\nexport const goldenTones = {\n darkest: '#FB9C04',\n primary: '#FCB33F',\n medium: '#FFC05B',\n light: '#FDD493',\n lightest: '#FEF1DB',\n} as const;\n\n/** Sky Magenta Tonal Range */\nexport const magentaTones = {\n darkest: '#A31458',\n primary: '#BF1767',\n medium: '#E41B7B',\n light: '#EB5CA1',\n lightest: '#FBDEEC',\n} as const;\n\n/** Midnight Tonal Range (Product Only) */\nexport const midnightTones = {\n darkest: '#020623',\n primary: '#040D4D',\n medium: '#091DAD', // Product Only - avoid in marketing\n light: '#5266F6', // Product Only - avoid in marketing\n lightest: '#97A3FA', // Product Only - avoid in marketing\n} as const;\n\n// ============================================================================\n// Dynamic Tenant Colors (from IntelligenceBank login response)\n// ============================================================================\n\n/**\n * Tenant colors returned from IntelligenceBank login response.\n * These are dynamic and set per-tenant.\n *\n * Example response:\n * {\n * \"colourPrimary\": \"#FFFFFF\",\n * \"colourPrimaryText\": \"#000000\",\n * \"colourSecondary\": \"#FCB33F\",\n * \"colourSecondaryText\": \"#FFFFFF\",\n * \"colourHighlight\": \"#FC3F9D\",\n * \"colourHighlightText\": \"#FFFFFF\"\n * }\n */\nexport interface TenantColors {\n colourPrimary: string;\n colourPrimaryText: string;\n colourSecondary: string;\n colourSecondaryText: string;\n colourHighlight: string;\n colourHighlightText: string;\n}\n\n/** Default tenant colors (IntelligenceBank brand defaults) */\nexport const defaultTenantColors: TenantColors = {\n colourPrimary: brandColors.white,\n colourPrimaryText: brandColors.shade,\n colourSecondary: brandColors.goldenRays,\n colourSecondaryText: brandColors.white,\n colourHighlight: brandColors.skyMagenta,\n colourHighlightText: brandColors.white,\n};\n\n// ============================================================================\n// Semantic Tokens (application-level)\n// ============================================================================\n\n/** Semantic colors derived from brand colors */\nexport const semanticColors = {\n // Backgrounds\n background: {\n primary: brandColors.white,\n secondary: brandColors.grey3,\n tertiary: brandColors.grey2,\n inverse: brandColors.shade,\n disabled: brandColors.grey2,\n surface: brandColors.white,\n },\n\n // Text (following IB Brand Guidelines)\n text: {\n primary: brandColors.shade, // Headers, H1-H3\n secondary: brandColors.stone, // Body text\n tertiary: brandColors.grey1, // Secondary text, placeholders\n inverse: brandColors.white, // Text on dark backgrounds\n disabled: brandColors.grey1,\n link: brandColors.amber, // Links\n linkHover: brandColors.goldenRays, // Links hover\n },\n\n // Interactive elements\n interactive: {\n primary: brandColors.amber, // Primary buttons\n primaryHover: amberTones.darkest, // Primary buttons hover\n primaryActive: amberTones.darkest,\n secondary: brandColors.grey3, // Secondary buttons background\n secondaryHover: brandColors.grey2,\n secondaryActive: brandColors.grey1,\n focus: brandColors.amber, // Focus outline\n },\n\n // Border\n border: {\n primary: brandColors.grey2, // Light borders, dividers\n secondary: brandColors.grey1,\n focus: brandColors.amber,\n error: brandColors.skyMagenta,\n },\n\n // Status indicators (from IB guidelines)\n status: {\n success: brandColors.amber, // Compliance passed\n successBackground: amberTones.lightest,\n warning: brandColors.goldenRays, // Compliance issues found\n warningBackground: goldenTones.lightest,\n error: brandColors.skyMagenta, // Critical failures\n errorBackground: magentaTones.lightest,\n info: brandColors.midnight, // General information\n infoBackground: midnightTones.lightest,\n },\n\n // Compliance severity levels\n severity: {\n critical: magentaTones.darkest,\n high: magentaTones.primary,\n medium: goldenTones.darkest,\n low: goldenTones.light,\n info: amberTones.medium,\n },\n} as const;\n\n// ============================================================================\n// Typography (from IB Brand Guidelines)\n// ============================================================================\n\nexport const typography = {\n fontFamily: {\n primary:\n \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n mono: \"'JetBrains Mono', 'Fira Code', Consolas, monospace\",\n },\n\n // Font sizes from IB guidelines\n fontSize: {\n xs: '0.75rem', // 12px - Small\n sm: '0.875rem', // 14px - Body\n base: '1rem', // 16px - H3\n lg: '1.125rem', // 18px\n xl: '1.25rem', // 20px - H2\n '2xl': '1.5rem', // 24px - H1\n '3xl': '1.875rem', // 30px\n '4xl': '2.25rem', // 36px\n },\n\n fontWeight: {\n regular: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n },\n\n lineHeight: {\n tight: '1.25',\n normal: '1.5',\n relaxed: '1.75',\n },\n\n letterSpacing: {\n tight: '-0.025em',\n normal: '0',\n wide: '0.025em',\n },\n} as const;\n\n// ============================================================================\n// Spacing (from IB Brand Guidelines)\n// ============================================================================\n\nexport const spacing = {\n 0: '0',\n px: '1px',\n xs: '0.25rem', // 4px - XS\n sm: '0.5rem', // 8px - SM\n md: '1rem', // 16px - MD\n lg: '1.5rem', // 24px - LG\n xl: '2rem', // 32px - XL\n // Extended scale\n 0.5: '0.125rem', // 2px\n 1: '0.25rem', // 4px\n 1.5: '0.375rem', // 6px\n 2: '0.5rem', // 8px\n 2.5: '0.625rem', // 10px\n 3: '0.75rem', // 12px\n 3.5: '0.875rem', // 14px\n 4: '1rem', // 16px\n 5: '1.25rem', // 20px\n 6: '1.5rem', // 24px\n 7: '1.75rem', // 28px\n 8: '2rem', // 32px\n 9: '2.25rem', // 36px\n 10: '2.5rem', // 40px\n 12: '3rem', // 48px\n 14: '3.5rem', // 56px\n 16: '4rem', // 64px\n 20: '5rem', // 80px\n 24: '6rem', // 96px\n} as const;\n\n// ============================================================================\n// Borders (from IB Brand Guidelines)\n// ============================================================================\n\nexport const borders = {\n radius: {\n none: '0',\n sm: '0.25rem', // 4px - Small (buttons, inputs)\n base: '0.5rem', // 8px - Medium (cards, modals)\n md: '0.5rem', // 8px\n lg: '0.75rem', // 12px - Large (containers)\n xl: '1rem', // 16px\n '2xl': '1.5rem', // 24px\n full: '9999px',\n },\n width: {\n 0: '0',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n },\n} as const;\n\n// ============================================================================\n// Shadows (from IB Brand Guidelines)\n// ============================================================================\n\nexport const shadows = {\n none: 'none',\n sm: '0 1px 3px rgba(33, 28, 28, 0.1)', // Level 1\n base: '0 4px 6px rgba(33, 28, 28, 0.1)', // Level 2\n md: '0 4px 6px rgba(33, 28, 28, 0.1)', // Level 2\n lg: '0 10px 15px rgba(33, 28, 28, 0.1)', // Level 3\n xl: '0 20px 25px rgba(33, 28, 28, 0.1)',\n '2xl': '0 25px 50px rgba(33, 28, 28, 0.2)',\n} as const;\n\n// ============================================================================\n// Animation tokens\n// ============================================================================\n\nexport const animation = {\n duration: {\n instant: '0ms',\n fast: '150ms',\n normal: '200ms',\n slow: '300ms',\n slower: '500ms',\n },\n easing: {\n linear: 'linear',\n easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n easeOut: 'cubic-bezier(0, 0, 0.2, 1)',\n easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n} as const;\n\n// ============================================================================\n// Type exports\n// ============================================================================\n\nexport type BrandColors = typeof brandColors;\nexport type AmberTones = typeof amberTones;\nexport type GoldenTones = typeof goldenTones;\nexport type MagentaTones = typeof magentaTones;\nexport type MidnightTones = typeof midnightTones;\nexport type SemanticColors = typeof semanticColors;\nexport type Typography = typeof typography;\nexport type Spacing = typeof spacing;\nexport type Borders = typeof borders;\nexport type Shadows = typeof shadows;\nexport type Animation = typeof animation;\n\n// ============================================================================\n// Re-export grouped tokens for convenience\n// ============================================================================\n\nexport const colors = {\n brand: brandColors,\n amber: amberTones,\n golden: goldenTones,\n magenta: magentaTones,\n midnight: midnightTones,\n semantic: semanticColors,\n} as const;\n\nexport const tokens = {\n colors,\n typography,\n spacing,\n borders,\n shadows,\n animation,\n} as const;\n\nexport type Tokens = typeof tokens;"],"names":["brandColors","amberTones","goldenTones","magentaTones","midnightTones","defaultTenantColors","semanticColors","typography","spacing","borders","shadows","animation","colors","tokens"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/tokens/index.ts"],"sourcesContent":["/**\n * Design Tokens for IntelligenceBank design system\n * Based on IntelligenceBank Brand Guidelines\n * Placeholder - Full token system will be refined in Phase 1.3\n */\n\n// ============================================================================\n// IntelligenceBank Brand Colors (from style guide)\n// ============================================================================\n\n/** Primary Brand Colors */\nexport const brandColors = {\n // Primary Colors\n amber: '#F68D32',\n white: '#FFFFFF',\n shade: '#211C1C',\n\n // Secondary Colors\n goldenRays: '#FCB33F',\n skyMagenta: '#BF1767',\n midnight: '#040D4D',\n\n // Neutral Colors\n stone: '#727477',\n grey1: '#ADADB0',\n grey2: '#D0D4D8',\n grey3: '#F4F6F8',\n} as const;\n\n/** Amber Tonal Range */\nexport const amberTones = {\n darkest: '#F4770B',\n primary: '#F68D32',\n medium: '#F79E50',\n light: '#FAC596',\n lightest: '#FDECDC',\n} as const;\n\n/** Golden Rays Tonal Range */\nexport const goldenTones = {\n darkest: '#FB9C04',\n primary: '#FCB33F',\n medium: '#FFC05B',\n light: '#FDD493',\n lightest: '#FEF1DB',\n} as const;\n\n/** Sky Magenta Tonal Range */\nexport const magentaTones = {\n darkest: '#A31458',\n primary: '#BF1767',\n medium: '#E41B7B',\n light: '#EB5CA1',\n lightest: '#FBDEEC',\n} as const;\n\n/** Midnight Tonal Range (Product Only) */\nexport const midnightTones = {\n darkest: '#020623',\n primary: '#040D4D',\n medium: '#091DAD', // Product Only - avoid in marketing\n light: '#5266F6', // Product Only - avoid in marketing\n lightest: '#97A3FA', // Product Only - avoid in marketing\n} as const;\n\n// ============================================================================\n// Dynamic Tenant Colors (from IntelligenceBank login response)\n// ============================================================================\n\n/**\n * Tenant colors returned from IntelligenceBank login response.\n * These are dynamic and set per-tenant.\n *\n * Example response:\n * {\n * \"colourPrimary\": \"#FFFFFF\",\n * \"colourPrimaryText\": \"#000000\",\n * \"colourSecondary\": \"#FCB33F\",\n * \"colourSecondaryText\": \"#FFFFFF\",\n * \"colourHighlight\": \"#FC3F9D\",\n * \"colourHighlightText\": \"#FFFFFF\"\n * }\n */\nexport interface TenantColors {\n colourPrimary: string;\n colourPrimaryText: string;\n colourSecondary: string;\n colourSecondaryText: string;\n colourHighlight: string;\n colourHighlightText: string;\n}\n\n/** Default tenant colors (IntelligenceBank brand defaults) */\nexport const defaultTenantColors: TenantColors = {\n colourPrimary: brandColors.white,\n colourPrimaryText: brandColors.shade,\n colourSecondary: brandColors.goldenRays,\n colourSecondaryText: brandColors.white,\n colourHighlight: brandColors.skyMagenta,\n colourHighlightText: brandColors.white,\n};\n\n// ============================================================================\n// Semantic Tokens (application-level)\n// ============================================================================\n\n/** Semantic colors derived from brand colors */\nexport const semanticColors = {\n // Backgrounds\n background: {\n primary: brandColors.white,\n secondary: brandColors.grey3,\n tertiary: brandColors.grey2,\n inverse: brandColors.shade,\n disabled: brandColors.grey2,\n surface: brandColors.white,\n },\n\n // Text (following IB Brand Guidelines)\n text: {\n primary: brandColors.shade, // Headers, H1-H3\n secondary: brandColors.stone, // Body text\n tertiary: brandColors.grey1, // Secondary text, placeholders\n inverse: brandColors.white, // Text on dark backgrounds\n disabled: brandColors.grey1,\n link: brandColors.amber, // Links\n linkHover: brandColors.goldenRays, // Links hover\n },\n\n // Interactive elements\n interactive: {\n primary: brandColors.amber, // Primary buttons\n primaryHover: amberTones.darkest, // Primary buttons hover\n primaryActive: amberTones.darkest,\n secondary: brandColors.grey3, // Secondary buttons background\n secondaryHover: brandColors.grey2,\n secondaryActive: brandColors.grey1,\n focus: brandColors.amber, // Focus outline\n },\n\n // Border\n border: {\n primary: brandColors.grey2, // Light borders, dividers\n secondary: brandColors.grey1,\n focus: brandColors.amber,\n error: brandColors.skyMagenta,\n },\n\n // Status indicators (from IB guidelines)\n status: {\n success: brandColors.amber, // Compliance passed\n successBackground: amberTones.lightest,\n warning: brandColors.goldenRays, // Compliance issues found\n warningBackground: goldenTones.lightest,\n error: brandColors.skyMagenta, // Critical failures\n errorBackground: magentaTones.lightest,\n info: brandColors.midnight, // General information\n infoBackground: midnightTones.lightest,\n },\n\n // Compliance severity levels\n severity: {\n critical: magentaTones.darkest,\n high: magentaTones.primary,\n medium: goldenTones.darkest,\n low: goldenTones.light,\n info: amberTones.medium,\n },\n} as const;\n\n// ============================================================================\n// Typography (from IB Brand Guidelines)\n// ============================================================================\n\nexport const typography = {\n fontFamily: {\n primary:\n \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n mono: \"'JetBrains Mono', 'Fira Code', Consolas, monospace\",\n },\n\n // Font sizes from IB guidelines\n fontSize: {\n xs: '0.75rem', // 12px - Small\n sm: '0.875rem', // 14px - Body\n base: '1rem', // 16px - H3\n lg: '1.125rem', // 18px\n xl: '1.25rem', // 20px - H2\n '2xl': '1.5rem', // 24px - H1\n '3xl': '1.875rem', // 30px\n '4xl': '2.25rem', // 36px\n },\n\n fontWeight: {\n regular: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n },\n\n lineHeight: {\n tight: '1.25',\n normal: '1.5',\n relaxed: '1.75',\n },\n\n letterSpacing: {\n tight: '-0.025em',\n normal: '0',\n wide: '0.025em',\n },\n} as const;\n\n// ============================================================================\n// Spacing (from IB Brand Guidelines)\n// ============================================================================\n\nexport const spacing = {\n 0: '0',\n px: '1px',\n xs: '0.25rem', // 4px - XS\n sm: '0.5rem', // 8px - SM\n md: '1rem', // 16px - MD\n lg: '1.5rem', // 24px - LG\n xl: '2rem', // 32px - XL\n // Extended scale\n 0.5: '0.125rem', // 2px\n 1: '0.25rem', // 4px\n 1.5: '0.375rem', // 6px\n 2: '0.5rem', // 8px\n 2.5: '0.625rem', // 10px\n 3: '0.75rem', // 12px\n 3.5: '0.875rem', // 14px\n 4: '1rem', // 16px\n 5: '1.25rem', // 20px\n 6: '1.5rem', // 24px\n 7: '1.75rem', // 28px\n 8: '2rem', // 32px\n 9: '2.25rem', // 36px\n 10: '2.5rem', // 40px\n 12: '3rem', // 48px\n 14: '3.5rem', // 56px\n 16: '4rem', // 64px\n 20: '5rem', // 80px\n 24: '6rem', // 96px\n} as const;\n\n// ============================================================================\n// Borders (from IB Brand Guidelines)\n// ============================================================================\n\nexport const borders = {\n radius: {\n none: '0',\n sm: '0.25rem', // 4px - Small (buttons, inputs)\n base: '0.5rem', // 8px - Medium (cards, modals)\n md: '0.5rem', // 8px\n lg: '0.75rem', // 12px - Large (containers)\n xl: '1rem', // 16px\n '2xl': '1.5rem', // 24px\n full: '9999px',\n },\n width: {\n 0: '0',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n },\n} as const;\n\n// ============================================================================\n// Shadows (from IB Brand Guidelines)\n// ============================================================================\n\nexport const shadows = {\n none: 'none',\n sm: '0 1px 3px rgba(33, 28, 28, 0.1)', // Level 1\n base: '0 4px 6px rgba(33, 28, 28, 0.1)', // Level 2\n md: '0 4px 6px rgba(33, 28, 28, 0.1)', // Level 2\n lg: '0 10px 15px rgba(33, 28, 28, 0.1)', // Level 3\n xl: '0 20px 25px rgba(33, 28, 28, 0.1)',\n '2xl': '0 25px 50px rgba(33, 28, 28, 0.2)',\n} as const;\n\n// ============================================================================\n// Animation tokens\n// ============================================================================\n\nexport const animation = {\n duration: {\n instant: '0ms',\n fast: '150ms',\n normal: '200ms',\n slow: '300ms',\n slower: '500ms',\n },\n easing: {\n linear: 'linear',\n easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n easeOut: 'cubic-bezier(0, 0, 0.2, 1)',\n easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n} as const;\n\n// ============================================================================\n// Type exports\n// ============================================================================\n\nexport type BrandColors = typeof brandColors;\nexport type AmberTones = typeof amberTones;\nexport type GoldenTones = typeof goldenTones;\nexport type MagentaTones = typeof magentaTones;\nexport type MidnightTones = typeof midnightTones;\nexport type SemanticColors = typeof semanticColors;\nexport type Typography = typeof typography;\nexport type Spacing = typeof spacing;\nexport type Borders = typeof borders;\nexport type Shadows = typeof shadows;\nexport type Animation = typeof animation;\n\n// ============================================================================\n// Re-export grouped tokens for convenience\n// ============================================================================\n\nexport const colors = {\n brand: brandColors,\n amber: amberTones,\n golden: goldenTones,\n magenta: magentaTones,\n midnight: midnightTones,\n semantic: semanticColors,\n} as const;\n\nexport const tokens = {\n colors,\n typography,\n spacing,\n borders,\n shadows,\n animation,\n} as const;\n\nexport type Tokens = typeof tokens;"],"names":["brandColors","amberTones","goldenTones","magentaTones","midnightTones","defaultTenantColors","semanticColors","typography","spacing","borders","shadows","animation","colors","tokens"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/tokens/index.ts"],"sourcesContent":["/**\n * Design Tokens for IntelligenceBank design system\n * Based on IntelligenceBank Brand Guidelines\n */\n\n// ============================================================================\n// IntelligenceBank Brand Colors (from style guide)\n// ============================================================================\n\n/** Primary Brand Colors */\nexport const brandColors = {\n // Primary Colors\n amber: '#F68D32',\n white: '#FFFFFF',\n shade: '#211C1C',\n\n // Secondary Colors\n goldenRays: '#FCB33F',\n skyMagenta: '#BF1767',\n midnight: '#040D4D',\n\n // Neutral Colors\n stone: '#727477',\n grey1: '#ADADB0',\n grey2: '#D0D4D8',\n grey3: '#F4F6F8',\n} as const;\n\n/** Amber Tonal Range */\nexport const amberTones = {\n darkest: '#F4770B',\n primary: '#F68D32',\n medium: '#F79E50',\n light: '#FAC596',\n lightest: '#FDECDC',\n} as const;\n\n/** Golden Rays Tonal Range */\nexport const goldenTones = {\n darkest: '#FB9C04',\n primary: '#FCB33F',\n medium: '#FFC05B',\n light: '#FDD493',\n lightest: '#FEF1DB',\n} as const;\n\n/** Sky Magenta Tonal Range */\nexport const magentaTones = {\n darkest: '#A31458',\n primary: '#BF1767',\n medium: '#E41B7B',\n light: '#EB5CA1',\n lightest: '#FBDEEC',\n} as const;\n\n/** Midnight Tonal Range (Product Only) */\nexport const midnightTones = {\n darkest: '#020623',\n primary: '#040D4D',\n medium: '#091DAD', // Product Only - avoid in marketing\n light: '#5266F6', // Product Only - avoid in marketing\n lightest: '#97A3FA', // Product Only - avoid in marketing\n} as const;\n\n// ============================================================================\n// Dynamic Tenant Colors (from IntelligenceBank login response)\n// ============================================================================\n\n/**\n * Tenant colors returned from IntelligenceBank login response.\n * These are dynamic and set per-tenant.\n *\n * Example response:\n * {\n * \"colourPrimary\": \"#FFFFFF\",\n * \"colourPrimaryText\": \"#000000\",\n * \"colourSecondary\": \"#FCB33F\",\n * \"colourSecondaryText\": \"#FFFFFF\",\n * \"colourHighlight\": \"#FC3F9D\",\n * \"colourHighlightText\": \"#FFFFFF\"\n * }\n */\nexport interface TenantColors {\n colourPrimary: string;\n colourPrimaryText: string;\n colourSecondary: string;\n colourSecondaryText: string;\n colourHighlight: string;\n colourHighlightText: string;\n}\n\n/** Default tenant colors (IntelligenceBank brand defaults) */\nexport const defaultTenantColors: TenantColors = {\n colourPrimary: brandColors.white,\n colourPrimaryText: brandColors.shade,\n colourSecondary: brandColors.goldenRays,\n colourSecondaryText: brandColors.white,\n colourHighlight: brandColors.skyMagenta,\n colourHighlightText: brandColors.white,\n};\n\n// ============================================================================\n// Semantic Tokens (application-level)\n// ============================================================================\n\n/** Semantic colors derived from brand colors */\nexport const semanticColors = {\n // Backgrounds\n background: {\n primary: brandColors.white,\n secondary: brandColors.grey3,\n tertiary: brandColors.grey2,\n inverse: brandColors.shade,\n disabled: brandColors.grey2,\n surface: brandColors.white,\n },\n\n // Text (following IB Brand Guidelines)\n text: {\n primary: brandColors.shade, // Headers, H1-H3\n secondary: brandColors.stone, // Body text\n tertiary: brandColors.grey1, // Secondary text, placeholders\n inverse: brandColors.white, // Text on dark backgrounds\n disabled: brandColors.grey1,\n link: brandColors.amber, // Links\n linkHover: brandColors.goldenRays, // Links hover\n },\n\n // Interactive elements\n interactive: {\n primary: brandColors.amber, // Primary buttons\n primaryHover: amberTones.darkest, // Primary buttons hover\n primaryActive: amberTones.darkest,\n secondary: brandColors.grey3, // Secondary buttons background\n secondaryHover: brandColors.grey2,\n secondaryActive: brandColors.grey1,\n focus: brandColors.amber, // Focus outline\n },\n\n // Border\n border: {\n primary: brandColors.grey2, // Light borders, dividers\n secondary: brandColors.grey1,\n focus: brandColors.amber,\n error: brandColors.skyMagenta,\n },\n\n // Status indicators (from IB guidelines)\n status: {\n success: brandColors.amber, // Compliance passed\n successBackground: amberTones.lightest,\n warning: brandColors.goldenRays, // Compliance issues found\n warningBackground: goldenTones.lightest,\n error: brandColors.skyMagenta, // Critical failures\n errorBackground: magentaTones.lightest,\n info: brandColors.midnight, // General information\n infoBackground: midnightTones.lightest,\n },\n\n // Compliance severity levels\n severity: {\n critical: magentaTones.darkest,\n high: magentaTones.primary,\n medium: goldenTones.darkest,\n low: goldenTones.light,\n info: amberTones.medium,\n },\n} as const;\n\n// ============================================================================\n// Typography (from IB Brand Guidelines)\n// ============================================================================\n\nexport const typography = {\n fontFamily: {\n primary:\n \"'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif\",\n mono: \"'JetBrains Mono', 'Fira Code', Consolas, monospace\",\n },\n\n // Font sizes from IB guidelines\n fontSize: {\n xs: '0.75rem', // 12px - Small\n sm: '0.875rem', // 14px - Body\n base: '1rem', // 16px - H3\n lg: '1.125rem', // 18px\n xl: '1.25rem', // 20px - H2\n '2xl': '1.5rem', // 24px - H1\n '3xl': '1.875rem', // 30px\n '4xl': '2.25rem', // 36px\n },\n\n fontWeight: {\n regular: '400',\n medium: '500',\n semibold: '600',\n bold: '700',\n },\n\n lineHeight: {\n tight: '1.25',\n normal: '1.5',\n relaxed: '1.75',\n },\n\n letterSpacing: {\n tight: '-0.025em',\n normal: '0',\n wide: '0.025em',\n },\n} as const;\n\n// ============================================================================\n// Spacing (from IB Brand Guidelines)\n// ============================================================================\n\nexport const spacing = {\n 0: '0',\n px: '1px',\n xs: '0.25rem', // 4px - XS\n sm: '0.5rem', // 8px - SM\n md: '1rem', // 16px - MD\n lg: '1.5rem', // 24px - LG\n xl: '2rem', // 32px - XL\n // Extended scale\n 0.5: '0.125rem', // 2px\n 1: '0.25rem', // 4px\n 1.5: '0.375rem', // 6px\n 2: '0.5rem', // 8px\n 2.5: '0.625rem', // 10px\n 3: '0.75rem', // 12px\n 3.5: '0.875rem', // 14px\n 4: '1rem', // 16px\n 5: '1.25rem', // 20px\n 6: '1.5rem', // 24px\n 7: '1.75rem', // 28px\n 8: '2rem', // 32px\n 9: '2.25rem', // 36px\n 10: '2.5rem', // 40px\n 12: '3rem', // 48px\n 14: '3.5rem', // 56px\n 16: '4rem', // 64px\n 20: '5rem', // 80px\n 24: '6rem', // 96px\n} as const;\n\n// ============================================================================\n// Borders (from IB Brand Guidelines)\n// ============================================================================\n\nexport const borders = {\n radius: {\n none: '0',\n sm: '0.25rem', // 4px - Small (buttons, inputs)\n base: '0.5rem', // 8px - Medium (cards, modals)\n md: '0.5rem', // 8px\n lg: '0.75rem', // 12px - Large (containers)\n xl: '1rem', // 16px\n '2xl': '1.5rem', // 24px\n full: '9999px',\n },\n width: {\n 0: '0',\n 1: '1px',\n 2: '2px',\n 4: '4px',\n },\n} as const;\n\n// ============================================================================\n// Shadows (from IB Brand Guidelines)\n// ============================================================================\n\nexport const shadows = {\n none: 'none',\n sm: '0 1px 3px rgba(33, 28, 28, 0.1)', // Level 1\n base: '0 4px 6px rgba(33, 28, 28, 0.1)', // Level 2\n md: '0 4px 6px rgba(33, 28, 28, 0.1)', // Level 2\n lg: '0 10px 15px rgba(33, 28, 28, 0.1)', // Level 3\n xl: '0 20px 25px rgba(33, 28, 28, 0.1)',\n '2xl': '0 25px 50px rgba(33, 28, 28, 0.2)',\n} as const;\n\n// ============================================================================\n// Animation tokens\n// ============================================================================\n\nexport const animation = {\n duration: {\n instant: '0ms',\n fast: '150ms',\n normal: '200ms',\n slow: '300ms',\n slower: '500ms',\n },\n easing: {\n linear: 'linear',\n easeIn: 'cubic-bezier(0.4, 0, 1, 1)',\n easeOut: 'cubic-bezier(0, 0, 0.2, 1)',\n easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',\n },\n} as const;\n\n// ============================================================================\n// Type exports\n// ============================================================================\n\nexport type BrandColors = typeof brandColors;\nexport type AmberTones = typeof amberTones;\nexport type GoldenTones = typeof goldenTones;\nexport type MagentaTones = typeof magentaTones;\nexport type MidnightTones = typeof midnightTones;\nexport type SemanticColors = typeof semanticColors;\nexport type Typography = typeof typography;\nexport type Spacing = typeof spacing;\nexport type Borders = typeof borders;\nexport type Shadows = typeof shadows;\nexport type Animation = typeof animation;\n\n// ============================================================================\n// Re-export grouped tokens for convenience\n// ============================================================================\n\nexport const colors = {\n brand: brandColors,\n amber: amberTones,\n golden: goldenTones,\n magenta: magentaTones,\n midnight: midnightTones,\n semantic: semanticColors,\n} as const;\n\nexport const tokens = {\n colors,\n typography,\n spacing,\n borders,\n shadows,\n animation,\n} as const;\n\nexport type Tokens = typeof tokens;"],"names":["brandColors","amberTones","goldenTones","magentaTones","midnightTones","defaultTenantColors","semanticColors","typography","spacing","borders","shadows","animation","colors","tokens"],"mappings":"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"}
|
|
@@ -51,7 +51,7 @@ export declare function isDocumentFile(filename: string): boolean;
|
|
|
51
51
|
*/
|
|
52
52
|
export declare function getMimeType(filename: string): string;
|
|
53
53
|
/**
|
|
54
|
-
* Get file type icon name (Material
|
|
54
|
+
* Get file type icon name (Material Symbols)
|
|
55
55
|
*/
|
|
56
56
|
export declare function getFileTypeIcon(filename: string): string;
|
|
57
57
|
//# sourceMappingURL=file-formats.d.ts.map
|
package/package.json
CHANGED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
import { AccordionProps } from './Accordion.types';
|
|
3
|
-
/**
|
|
4
|
-
* Accordion component for expandable content sections.
|
|
5
|
-
*
|
|
6
|
-
* @example
|
|
7
|
-
* ```tsx
|
|
8
|
-
* // Basic usage
|
|
9
|
-
* <Accordion title="Section Title">
|
|
10
|
-
* <p>Content goes here</p>
|
|
11
|
-
* </Accordion>
|
|
12
|
-
*
|
|
13
|
-
* // With custom title component
|
|
14
|
-
* <Accordion customTitleComponent={<CustomTitle />}>
|
|
15
|
-
* <p>Content goes here</p>
|
|
16
|
-
* </Accordion>
|
|
17
|
-
*
|
|
18
|
-
* // Nested accordions
|
|
19
|
-
* <Accordion title="Parent" open>
|
|
20
|
-
* <Accordion title="Child 1" isChild>Content 1</Accordion>
|
|
21
|
-
* <Accordion title="Child 2" isChild>Content 2</Accordion>
|
|
22
|
-
* </Accordion>
|
|
23
|
-
*
|
|
24
|
-
* // With right section
|
|
25
|
-
* <Accordion title="Settings" rightSection={<Button>Edit</Button>}>
|
|
26
|
-
* <p>Settings content</p>
|
|
27
|
-
* </Accordion>
|
|
28
|
-
* ```
|
|
29
|
-
*/
|
|
30
|
-
export declare const Accordion: React.FC<AccordionProps>;
|
|
31
|
-
export default Accordion;
|
|
32
|
-
//# sourceMappingURL=Accordion.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAsJxD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA4I9C,CAAC;AAIF,eAAe,SAAS,CAAC"}
|