@unovis/ts 1.6.7 → 1.6.8-stellar-beta.1
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/components/annotations/style.js +1 -1
- package/components/annotations/style.js.map +1 -1
- package/components/area/style.js +1 -1
- package/components/area/style.js.map +1 -1
- package/components/axis/style.js +1 -1
- package/components/axis/style.js.map +1 -1
- package/components/brush/style.js +1 -1
- package/components/brush/style.js.map +1 -1
- package/components/bullet-legend/style.js +1 -1
- package/components/bullet-legend/style.js.map +1 -1
- package/components/chord-diagram/style.js +1 -1
- package/components/chord-diagram/style.js.map +1 -1
- package/components/crosshair/style.d.ts +5 -1
- package/components/crosshair/style.js +28 -18
- package/components/crosshair/style.js.map +1 -1
- package/components/donut/style.js +1 -1
- package/components/donut/style.js.map +1 -1
- package/components/flow-legend/style.js +1 -1
- package/components/flow-legend/style.js.map +1 -1
- package/components/free-brush/style.js +1 -1
- package/components/free-brush/style.js.map +1 -1
- package/components/graph/config.d.ts +6 -0
- package/components/graph/config.js +1 -1
- package/components/graph/config.js.map +1 -1
- package/components/graph/index.d.ts +18 -0
- package/components/graph/index.js +251 -7
- package/components/graph/index.js.map +1 -1
- package/components/graph/modules/link/style.js +1 -1
- package/components/graph/modules/link/style.js.map +1 -1
- package/components/graph/modules/node/style.js +1 -1
- package/components/graph/modules/node/style.js.map +1 -1
- package/components/graph/modules/panel/style.js +1 -1
- package/components/graph/modules/panel/style.js.map +1 -1
- package/components/graph/style.js +1 -1
- package/components/graph/style.js.map +1 -1
- package/components/grouped-bar/style.js +1 -1
- package/components/grouped-bar/style.js.map +1 -1
- package/components/leaflet-map/renderer/mapboxgl-layer.js +1 -1
- package/components/leaflet-map/renderer/mapboxgl-layer.js.map +1 -1
- package/components/leaflet-map/style.js +1 -1
- package/components/leaflet-map/style.js.map +1 -1
- package/components/line/style.js +1 -1
- package/components/line/style.js.map +1 -1
- package/components/nested-donut/style.js +1 -1
- package/components/nested-donut/style.js.map +1 -1
- package/components/plotband/style.js +1 -1
- package/components/plotband/style.js.map +1 -1
- package/components/plotline/style.js +1 -1
- package/components/plotline/style.js.map +1 -1
- package/components/rolling-pin-legend/style.js +1 -1
- package/components/rolling-pin-legend/style.js.map +1 -1
- package/components/sankey/style.js +1 -1
- package/components/sankey/style.js.map +1 -1
- package/components/scatter/style.js +1 -1
- package/components/scatter/style.js.map +1 -1
- package/components/stacked-bar/style.js +1 -1
- package/components/stacked-bar/style.js.map +1 -1
- package/components/timeline/style.js +1 -1
- package/components/timeline/style.js.map +1 -1
- package/components/tooltip/style.js +1 -1
- package/components/tooltip/style.js.map +1 -1
- package/components/topojson-map/style.js +1 -1
- package/components/topojson-map/style.js.map +1 -1
- package/components/treemap/style.js +1 -1
- package/components/treemap/style.js.map +1 -1
- package/components/vis-controls/style.js +1 -1
- package/components/vis-controls/style.js.map +1 -1
- package/components/xy-labels/style.js +1 -1
- package/components/xy-labels/style.js.map +1 -1
- package/containers/xy-container/index.js +1 -1
- package/containers/xy-container/index.js.map +1 -1
- package/package.json +1 -1
- package/styles/emotion.d.ts +11 -0
- package/styles/emotion.js +17 -0
- package/styles/emotion.js.map +1 -0
- package/styles/index.js +1 -1
- package/styles/index.js.map +1 -1
- package/styles/sizes.js +1 -1
- package/styles/sizes.js.map +1 -1
- package/utils/style.js +1 -1
- package/utils/style.js.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../../src/components/graph/modules/panel/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../../../src/components/graph/modules/panel/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const panels = css`\n label: panels;\n`\n\nexport const variables = injectGlobal`\n :root {\n --vis-graph-panel-border-color: #E6E9F3;\n --vis-graph-panel-border-opacity: 0.9;\n --vis-graph-panel-fill-color: #ffffff;\n\n --vis-graph-panel-label-color: #6c778c;\n --vis-graph-panel-label-background: #ffffff;\n\n // Undefined by default to allow proper fallback to var(--vis-font-family)\n /* --vis-graph-panel-label-font-family: */\n --vis-graph-panel-label-font-size: 10pt;\n --vis-graph-panel-label-font-weight: 300;\n\n --vis-graph-panel-dashed-outline-color: #b7b7b7;\n\n --vis-graph-panel-side-icon-symbol-color: #9ea7b8;\n --vis-graph-panel-side-icon-shape-fill-color: #ffffff;\n\n --vis-dark-graph-panel-border-color: var(--vis-color-grey);\n --vis-dark-graph-panel-fill-color: #292b34;\n --vis-dark-graph-panel-label-color: #E6E9F3;\n --vis-dark-graph-panel-label-background: var(--vis-color-grey);\n --vis-dark-graph-panel-side-icon-symbol-color: #ffffff;\n --vis-dark-graph-panel-side-icon-shape-fill-color: #6c778c;\n --vis-dark-graph-panel-border-color: #a0a6ad;\n }\n\n ${darkThemeCssSelectors} ${`.${panels}`} {\n --vis-graph-panel-border-color: var(--vis-dark-graph-panel-border-color);\n --vis-graph-panel-fill-color: var(--vis-dark-graph-panel-fill-color);\n --vis-graph-panel-label-color: var(--vis-dark-graph-panel-label-color);\n --vis-graph-panel-label-background: var(--vis-dark-graph-panel-label-background);\n --vis-graph-panel-side-icon-symbol-color: var(--vis-dark-graph-panel-side-icon-symbol-color);\n --vis-graph-panel-side-icon-shape-fill-color: var(--vis-dark-graph-panel-side-icon-shape-fill-color);\n --vis-graph-panel-border-color: var(--vis-dark-graph-panel-border-color);\n }\n`\n\nexport const gPanel = css`\n label: g-panel;\n`\n\nexport const panel = css`\n label: panel;\n\n stroke: var(--vis-graph-panel-border-color);\n stroke-opacity: var(--vis-graph-panel-border-opacity);\n fill: var(--vis-graph-panel-fill-color);\n`\n\nexport const label = css`\n label: label;\n\n fill: var(--vis-graph-panel-label-color);\n`\n\nexport const background = css`\n label: background;\n\n opacity: 0.9;\n -webkit-backdrop-filter: blur(2px);\n backdrop-filter: blur(2px);\n fill: var(--vis-graph-panel-label-background);\n stroke: none;\n`\n\nexport const labelText = css`\n label: label-text;\n\n text-anchor: middle;\n font-size: var(--vis-graph-panel-label-font-size);\n font-weight: var(--vis-graph-panel-label-font-weight);;\n cursor: default;\n stroke: none;\n font-family: var(--vis-graph-panel-label-font-family, var(--vis-font-family));\n`\n\nexport const panelSelectionActive = css`\n label: active;\n`\n\nexport const panelSelection = css`\n label: panel-selection-outline;\n\n opacity: 0;\n stroke-width: 1;\n stroke-dasharray: 3 3;\n fill: var(--vis-graph-node-selection-color);\n fill-opacity: 0.1;\n stroke: var(--vis-graph-panel-dashed-outline-color);\n stroke-opacity: 0;\n\n &${`.${panelSelectionActive}`} {\n opacity: 1;\n stroke-opacity: 0.75;\n }\n`\n\nexport const greyout = css`\n label: greyout;\n opacity: 0.4;\n`\n\nexport const sideIconGroup = css`\n label: side-icon-group;\n`\n\nexport const sideIconShape = css`\n label: side-icon-shape;\n\n fill: var(--vis-graph-panel-side-icon-shape-fill-color);\n stroke-width: 2px;\n`\n\nexport const customSideIcon = css`\n label: side-icon-custom;\n`\n\nexport const sideIconSymbol = css`\n label: side-label-icon-text;\n font-family: var(--vis-graph-icon-font-family), var(--vis-font-family);\n fill: var(--vis-graph-panel-side-icon-symbol-color);\n stroke: none;\n dominant-baseline: middle;\n text-anchor: middle;\n pointer-events: none;\n cursor: default;\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA4BjC,qBAAqB,CAAA,CAAA,EAAI,CAAI,CAAA,EAAA,MAAM,CAAE,CAAA,CAAA;;;;;;;;;EASxC;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;EAMvB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;EAIvB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQ5B;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;;;;;;;;EAS3B;AAEM,MAAM,oBAAoB,GAAG,GAAG,CAAA,CAAA;;EAEtC;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;AAW5B,GAAA,EAAA,CAAA,CAAA,EAAI,oBAAoB,CAAE,CAAA,CAAA;;;;EAI9B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;;EAGzB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;EAE/B;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;;;EAK/B;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { injectGlobal, css } from '
|
|
1
|
+
import { injectGlobal, css } from '../../styles/emotion.js';
|
|
2
2
|
import { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from '../../styles/index.js';
|
|
3
3
|
import { label, nodeGauge, node, nodeSelection, nodeSelectionActive } from './modules/node/style.js';
|
|
4
4
|
import { gLink, flowCircle } from './modules/link/style.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/graph/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/graph/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from 'styles/index'\n\n// Nodes\nimport * as nodeSelectors from './modules/node/style'\n\n// Links\nimport * as linkSelectors from './modules/link/style'\n\nexport const variables = injectGlobal`\n :root {\n --vis-graph-icon-font-family: ${UNOVIS_ICON_FONT_FAMILY_DEFAULT};\n\n /* Brush */\n --vis-graph-brush-selection-opacity: 0.2;\n }\n`\n\n// General\nexport const root = css`\n label: graph-component;\n`\n\nexport const background = css`\n label: background;\n`\n\nexport const graphGroup = css`\n label: graph-group;\n`\n\nexport const brush = css`\n label: brush;\n\n :not(.active) {\n display: none;\n }\n\n .active {\n .selection {\n fill-opacity: 0;\n stroke: none;\n }\n\n .handle {\n display: none;\n }\n }\n`\n\nexport const zoomOutLevel1 = css`\n label: zoom-out-level-1;\n\n ${`.${nodeSelectors.label}`} {\n rect {\n stroke: none;\n }\n }\n`\n\nexport const zoomOutLevel2 = css`\n label: zoom-out-level-2;\n\n ${`.${nodeSelectors.label}`} {\n visibility: visible;\n }\n\n ${`.${nodeSelectors.nodeGauge}`} {\n visibility: visible;\n }\n\n ${`.${nodeSelectors.node}`} {\n stroke-width: 4px;\n }\n\n rect${`.${nodeSelectors.node}`} {\n stroke-width: 2px;\n }\n\n ${`.${linkSelectors.gLink}`} {\n animation: none;\n stroke-dasharray: none;\n }\n\n ${`.${linkSelectors.flowCircle}`} {\n display: none;\n }\n\n ${`.${nodeSelectors.nodeSelection}`} {\n &${`.${nodeSelectors.nodeSelectionActive}`} {\n transform: scale(1.15);\n }\n }\n`\n"],"names":["nodeSelectors.label","nodeSelectors.nodeGauge","nodeSelectors.node","linkSelectors.gLink","linkSelectors.flowCircle","nodeSelectors.nodeSelection","nodeSelectors.nodeSelectionActive"],"mappings":";;;;;AASO,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;oCAED,+BAA+B,CAAA;;;;;EAKlE;AAED;AACO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;EAiBvB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;IAG5B,CAAI,CAAA,EAAAA,KAAmB,CAAE,CAAA,CAAA;;;;;EAK5B;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;IAG5B,CAAI,CAAA,EAAAA,KAAmB,CAAE,CAAA,CAAA;;;;IAIzB,CAAI,CAAA,EAAAC,SAAuB,CAAE,CAAA,CAAA;;;;IAI7B,CAAI,CAAA,EAAAC,IAAkB,CAAE,CAAA,CAAA;;;;QAIpB,CAAI,CAAA,EAAAA,IAAkB,CAAE,CAAA,CAAA;;;;IAI5B,CAAI,CAAA,EAAAC,KAAmB,CAAE,CAAA,CAAA;;;;;IAKzB,CAAI,CAAA,EAAAC,UAAwB,CAAE,CAAA,CAAA;;;;IAI9B,CAAI,CAAA,EAAAC,aAA2B,CAAE,CAAA,CAAA;OAC9B,CAAI,CAAA,EAAAC,mBAAiC,CAAE,CAAA,CAAA;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/grouped-bar/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/grouped-bar/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const root = css`\n label: grouped-bar-component;\n`\n\nexport const globalStyles = injectGlobal`\n :root {\n --vis-grouped-bar-cursor: default;\n --vis-grouped-bar-fill-color: var(--vis-color-main);\n --vis-grouped-bar-stroke-color: none;\n --vis-grouped-bar-stroke-width: 0px;\n --vis-grouped-bar-hover-stroke-width: 1px;\n --vis-grouped-bar-hover-stroke-color: none;\n\n\n /* Dark Theme */\n --vis-dark-grouped-bar-stroke-color: none;\n }\n\n ${darkThemeCssSelectors} ${`.${root}`} {\n --vis-grouped-bar-stroke-color: var(--vis-dark-grouped-bar-stroke-color);\n }\n`\n\nexport const bar = css`\n label: bar;\n fill: var(--vis-grouped-bar-fill-color);\n stroke: var(--vis-grouped-bar-stroke-color);\n stroke-width: var(--vis-grouped-bar-stroke-width);\n cursor: var(--vis-grouped-bar-cursor);\n\n &:hover {\n stroke-width: var(--vis-grouped-bar-hover-stroke-width);\n stroke: var(--vis-grouped-bar-hover-stroke-color);\n }\n`\n\nexport const barGroup = css`\n label: barGroup;\n`\n\nexport const barGroupExit = css`\n label: barGroupExit;\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;IAcpC,qBAAqB,CAAA,CAAA,EAAI,CAAI,CAAA,EAAA,IAAI,CAAE,CAAA,CAAA;;;EAGtC;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;EAWrB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;EAE1B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { injectGlobal } from '
|
|
1
|
+
import { injectGlobal } from '../../../styles/emotion.js';
|
|
2
2
|
import { isObject } from '../../../utils/data.js';
|
|
3
3
|
import { MaplibreGLLayer } from './leaflet-maplibre-gl.js';
|
|
4
4
|
import mapLibreStyles from './maplibre-gl.css.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mapboxgl-layer.js","sources":["../../../../src/components/leaflet-map/renderer/mapboxgl-layer.ts"],"sourcesContent":["import type L from 'leaflet'\nimport type Maplibre from 'maplibre-gl'\nimport type { Map } from 'maplibre-gl'\n\nimport { injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"mapboxgl-layer.js","sources":["../../../../src/components/leaflet-map/renderer/mapboxgl-layer.ts"],"sourcesContent":["import type L from 'leaflet'\nimport type Maplibre from 'maplibre-gl'\nimport type { Map } from 'maplibre-gl'\n\nimport { injectGlobal } from 'styles/emotion'\n\n// Utils\nimport { isObject } from 'utils/data'\n\n// Types\nimport { GenericDataRecord } from 'types/data'\n\n// Config\nimport { LeafletMapConfigInterface } from '../config'\nimport { MapLibreStyleSpecs } from './map-style'\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport { MaplibreGLLayer } from './leaflet-maplibre-gl'\n\n// Inject MapLibreGL global style\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport mapLibreStyles from './maplibre-gl.css.js'\ninjectGlobal(mapLibreStyles)\n\nexport function getMaplibreGLLayer<Datum extends GenericDataRecord> (\n config: LeafletMapConfigInterface<Datum>,\n leaflet: typeof L,\n maplibre: typeof Maplibre\n): L.Layer & { getMaplibreMap(): Map } {\n const { accessToken, style } = config\n\n if (isObject(style) && !(style as MapLibreStyleSpecs).glyphs) {\n console.warn('Unovis | Leaflet Map: Glyphs URL is required in order to show the map. Set `mapboxglGlyphs` URL in the style settings')\n return\n }\n\n if (isObject(style) && !(style as MapLibreStyleSpecs).sources) {\n console.warn('Unovis | Leaflet Map: Sources settings are required in order to show map. Set the `sources` property in the style settings')\n return\n }\n\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n const layer = MaplibreGLLayer(leaflet, maplibre, {\n style: style,\n accessToken: accessToken || 'not-needed',\n })\n\n return layer\n}\n"],"names":[],"mappings":";;;;;AAuBA,YAAY,CAAC,cAAc,CAAC,CAAA;SAEZ,kBAAkB,CAChC,MAAwC,EACxC,OAAiB,EACjB,QAAyB,EAAA;AAEzB,IAAA,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAErC,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,KAA4B,CAAC,MAAM,EAAE;AAC5D,QAAA,OAAO,CAAC,IAAI,CAAC,uHAAuH,CAAC,CAAA;QACrI,OAAM;AACP,KAAA;IAED,IAAI,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAE,KAA4B,CAAC,OAAO,EAAE;AAC7D,QAAA,OAAO,CAAC,IAAI,CAAC,4HAA4H,CAAC,CAAA;QAC1I,OAAM;AACP,KAAA;;;AAID,IAAA,MAAM,KAAK,GAAG,eAAe,CAAC,OAAO,EAAE,QAAQ,EAAE;AAC/C,QAAA,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,WAAW,IAAI,YAAY;AACzC,KAAA,CAAC,CAAA;AAEF,IAAA,OAAO,KAAK,CAAA;AACd;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/leaflet-map/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/leaflet-map/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\n// Inject Leaflet global style\n// eslint-disable-next-line\nimport leafletCSS from './leaflet.css'\ninjectGlobal(leafletCSS)\n\nconst cssVarDefaults = {\n '--vis-map-container-background-color': '#dfe5eb',\n /* Undefined by default to allow proper fallback to var(--vis-font-family) */\n '--vis-map-label-font-family': undefined as undefined,\n\n '--vis-map-point-default-fill-color': '#B9BEC3',\n '--vis-map-point-ring-fill-color': '#ffffff',\n '--vis-map-point-default-stroke-color': '#959da3',\n '--vis-map-point-default-stroke-width': '0px',\n '--vis-map-point-default-cursor': 'default',\n\n '--vis-map-cluster-default-fill-color': '#fff',\n '--vis-map-cluster-default-stroke-color': '#B9BEC3',\n '--vis-map-cluster-default-stroke-width': '1.5px',\n '--vis-map-cluster-donut-fill-color': '#959da3',\n\n '--vis-map-cluster-inner-label-text-color-dark': '#5b5f6d',\n '--vis-map-cluster-inner-label-text-color-light': '#fff',\n\n '--vis-map-point-inner-label-text-color-dark': '#5b5f6d',\n '--vis-map-point-inner-label-text-color-light': '#fff',\n\n '--vis-map-point-bottom-label-text-color': '#5b5f6d',\n '--vis-map-point-bottom-label-font-size': '10px',\n\n '--vis-map-cluster-expanded-background-fill-color': '#fff',\n\n /* Dark Theme */\n '--vis-dark-map-container-background-color': '#dfe5eb',\n '--vis-dark-map-point-default-fill-color': '#B9BEC3',\n '--vis-dark-map-point-default-stroke-color': '#959da3',\n '--vis-dark-map-point-ring-fill-color': '#5b5f6d',\n\n '--vis-dark-map-cluster-default-fill-color': '#5b5f6d',\n '--vis-dark-map-cluster-default-stroke-color': '#B9BEC3',\n '--vis-dark-map-cluster-donut-fill-color': '#959da3',\n\n '--vis-dark-map-cluster-inner-label-text-color-dark': '#5b5f6d',\n '--vis-dark-map-cluster-inner-label-text-color-light': '#fff',\n\n '--vis-dark-map-point-inner-label-text-color-dark': '#5b5f6d',\n '--vis-dark-map-point-inner-label-text-color-light': '#fff',\n\n '--vis-dark-map-point-bottom-label-text-color': '#5b5f6d',\n\n '--vis-dark-map-cluster-expanded-background-fill-color': '#fff',\n}\n\nexport const root = css`\n label: leaflet-map-component;\n\n width: 100%;\n height: 100%;\n position: absolute;\n background-color: var(--vis-map-container-background-color);\n\n canvas {\n pointer-events: all;\n }\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = `${root} canvas`\n\nexport const points = css`\n label: g-points;\n`\n\nexport const point = css`\n label: g-point;\n`\n\nexport const pointPath = css`\n label: point-path;\n\n stroke-opacity: 1;\n fill-opacity: 1.0;\n fill: var(${variables.mapPointDefaultFillColor});\n stroke: var(${variables.mapPointDefaultStrokeColor});\n stroke-width: var(${variables.mapPointDefaultStrokeWidth});\n pointer-events: fill !important;\n transition: .2s stroke-width, .3s transform;\n cursor: var(${variables.mapPointDefaultCursor});\n\n &:hover {\n stroke-width: 2;\n fill-opacity: 1;\n animation: none;\n transform: scale(1.1);\n }\n`\n\nexport const pointPathRing = css`\n label: point-path-ring;\n fill: var(${variables.mapPointRingFillColor});\n`\n\nexport const pointPathCluster = css`\n label: point-path-cluster;\n fill-opacity: 0.9;\n stroke: none;\n animation: none;\n fill: var(${variables.mapClusterDefaultFillColor});\n stroke: var(${variables.mapClusterDefaultStrokeColor});\n stroke-width: var(${variables.mapClusterDefaultStrokeWidth});\n`\n\nexport const pointSelectionRing = css`\n label: point-selection-ring;\n stroke: var(${variables.mapPointDefaultFillColor});\n`\n\nexport const pointSelection = css`\n label: point-selection;\n\n opacity: 0;\n transform: scale(1);\n\n &.active {\n transition: all 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);\n opacity: 1;\n transform: scale(1.25);\n }\n`\n\nexport const innerLabel = css`\n label: inner-label;\n\n text-anchor: middle;\n fill: var(${variables.mapPointInnerLabelTextColorDark});\n font-family: var(${variables.mapLabelFontFamily}, var(--vis-font-family));\n pointer-events: none;\n font-weight: 600;\n`\n\nexport const innerLabelCluster = css`\n label: inner-label-cluster;\n fill: var(${variables.mapPointInnerLabelTextColorDark});\n`\n\nexport const bottomLabel = css`\n label: bottom-label;\n\n text-anchor: middle;\n fill: var(${variables.mapPointBottomLabelTextColor});\n font-family: var(${variables.mapLabelFontFamily}, var(--vis-font-family));\n pointer-events: none;\n font-weight: 600;\n`\n\nexport const donutCluster = css`\n label: donut-cluster;\n\n transform: scale(1);\n transition: .3s transform;\n path {\n fill: var(${variables.mapClusterDonutFillColor});\n stroke-width: 0.5;\n }\n\n &:hover {\n transform: scale(1.1);\n }\n`\n\nexport const svgOverlay = css`\n label: svg-overlay;\n position: absolute;\n pointer-events: none;\n`\n\nexport const backgroundRect = css`\n label: background-rect;\n\n opacity: 0;\n`\n\nexport const clusterBackground = css`\n label: cluster-background;\n\n fill: var(${variables.mapClusterExpandedBackgroundFillColor});\n opacity: 0.6;\n visibility: hidden;\n\n &.active {\n visibility: visible;\n }\n`\n\nexport const onFeatureHover = css`\n label: feature-hovered;\n`\n\nexport const mapboxglCanvas = css`\n pointer-events: all;\n cursor: grab;\n\n &${`.${onFeatureHover}`} {\n cursor: default;\n }\n`\n\nexport const map = css`\n label: map;\n`\n"],"names":["leafletCSS"],"mappings":";;;;AAQA,YAAY,CAACA,QAAU,CAAC,CAAA;AAExB,MAAM,cAAc,GAAG;AACrB,IAAA,sCAAsC,EAAE,SAAS;;AAEjD,IAAA,6BAA6B,EAAE,SAAsB;AAErD,IAAA,oCAAoC,EAAE,SAAS;AAC/C,IAAA,iCAAiC,EAAE,SAAS;AAC5C,IAAA,sCAAsC,EAAE,SAAS;AACjD,IAAA,sCAAsC,EAAE,KAAK;AAC7C,IAAA,gCAAgC,EAAE,SAAS;AAE3C,IAAA,sCAAsC,EAAE,MAAM;AAC9C,IAAA,wCAAwC,EAAE,SAAS;AACnD,IAAA,wCAAwC,EAAE,OAAO;AACjD,IAAA,oCAAoC,EAAE,SAAS;AAE/C,IAAA,+CAA+C,EAAE,SAAS;AAC1D,IAAA,gDAAgD,EAAE,MAAM;AAExD,IAAA,6CAA6C,EAAE,SAAS;AACxD,IAAA,8CAA8C,EAAE,MAAM;AAEtD,IAAA,yCAAyC,EAAE,SAAS;AACpD,IAAA,wCAAwC,EAAE,MAAM;AAEhD,IAAA,kDAAkD,EAAE,MAAM;;AAG1D,IAAA,2CAA2C,EAAE,SAAS;AACtD,IAAA,yCAAyC,EAAE,SAAS;AACpD,IAAA,2CAA2C,EAAE,SAAS;AACtD,IAAA,sCAAsC,EAAE,SAAS;AAEjD,IAAA,2CAA2C,EAAE,SAAS;AACtD,IAAA,6CAA6C,EAAE,SAAS;AACxD,IAAA,yCAAyC,EAAE,SAAS;AAEpD,IAAA,oDAAoD,EAAE,SAAS;AAC/D,IAAA,qDAAqD,EAAE,MAAM;AAE7D,IAAA,kDAAkD,EAAE,SAAS;AAC7D,IAAA,mDAAmD,EAAE,MAAM;AAE3D,IAAA,8CAA8C,EAAE,SAAS;AAEzD,IAAA,uDAAuD,EAAE,MAAM;CAChE,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;EAWtB;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEjC,MAAA,UAAU,GAAG,CAAG,EAAA,IAAI,UAAS;AAEnC,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;;;;AAKd,YAAA,EAAA,SAAS,CAAC,wBAAwB,CAAA;AAChC,cAAA,EAAA,SAAS,CAAC,0BAA0B,CAAA;AAC9B,oBAAA,EAAA,SAAS,CAAC,0BAA0B,CAAA;;;AAG1C,cAAA,EAAA,SAAS,CAAC,qBAAqB,CAAA;;;;;;;;EAQ9C;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;AAElB,YAAA,EAAA,SAAS,CAAC,qBAAqB,CAAA;EAC5C;AAEM,MAAM,gBAAgB,GAAG,GAAG,CAAA,CAAA;;;;;AAKrB,YAAA,EAAA,SAAS,CAAC,0BAA0B,CAAA;AAClC,cAAA,EAAA,SAAS,CAAC,4BAA4B,CAAA;AAChC,oBAAA,EAAA,SAAS,CAAC,4BAA4B,CAAA;EAC3D;AAEM,MAAM,kBAAkB,GAAG,GAAG,CAAA,CAAA;;AAErB,cAAA,EAAA,SAAS,CAAC,wBAAwB,CAAA;EACjD;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;EAWhC;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;AAIf,YAAA,EAAA,SAAS,CAAC,+BAA+B,CAAA;AAClC,mBAAA,EAAA,SAAS,CAAC,kBAAkB,CAAA;;;EAGhD;AAEM,MAAM,iBAAiB,GAAG,GAAG,CAAA,CAAA;;AAEtB,YAAA,EAAA,SAAS,CAAC,+BAA+B,CAAA;EACtD;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;;;AAIhB,YAAA,EAAA,SAAS,CAAC,4BAA4B,CAAA;AAC/B,mBAAA,EAAA,SAAS,CAAC,kBAAkB,CAAA;;;EAGhD;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;AAMf,cAAA,EAAA,SAAS,CAAC,wBAAwB,CAAA;;;;;;;EAOjD;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;EAI5B;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;;;EAIhC;AAEM,MAAM,iBAAiB,GAAG,GAAG,CAAA,CAAA;;;AAGtB,YAAA,EAAA,SAAS,CAAC,qCAAqC,CAAA;;;;;;;EAO5D;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;;;AAI5B,GAAA,EAAA,CAAA,CAAA,EAAI,cAAc,CAAE,CAAA,CAAA;;;EAGxB;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|
package/components/line/style.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/line/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/line/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\n\nexport const globalStyles = injectGlobal`\n :root {\n --vis-line-cursor: default;\n --vis-line-stroke-dasharray: none;\n --vis-line-stroke-dashoffset: 0;\n\n --vis-line-gapfill-stroke-dasharray: 2 3;\n --vis-line-gapfill-stroke-opacity: 0.8;\n --vis-line-gapfill-stroke-dashoffset: 0;\n }\n`\n\nexport const root = css`\n label: line-component;\n`\n\nexport const line = css`\n label: line;\n transition: opacity 200ms;\n cursor: var(--vis-line-cursor);\n`\n\nexport const linePath = css`\n label: linePath;\n fill: none;\n stroke-dasharray: var(--vis-line-stroke-dasharray);\n stroke-dashoffset: var(--vis-line-stroke-dashoffset);\n`\n\nexport const lineSelectionHelper = css`\n label: lineSelectionHelper;\n fill: none;\n stroke: rgba(0, 0, 0, 0);\n stroke-width: 8px;\n`\n\nexport const dim = css`\n opacity: 0.2;\n`\n\nexport const interpolatedPath = css`\n label: interpolated-path;\n fill: none;\n stroke-dasharray: var(--vis-line-gapfill-stroke-dasharray);\n stroke-dashoffset: var(--vis-line-gapfill-stroke-dashoffset);\n stroke-opacity: var(--vis-line-gapfill-stroke-opacity);\n`\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;EAUvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;EAItB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;EAK1B;AAEM,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA;;;;;EAKrC;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;EAErB;AAEM,MAAM,gBAAgB,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/nested-donut/style.ts"],"sourcesContent":["import { css } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/nested-donut/style.ts"],"sourcesContent":["import { css } from 'styles/emotion'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nconst cssVarDefaults = {\n // Undefined by default to allow proper fallback to var(--vis-font-family)\n '--vis-nested-donut-font-family': undefined as undefined,\n\n // Background\n '--vis-nested-donut-background-color': '#E7E9F3',\n\n // Central label\n '--vis-nested-donut-central-label-font-size': '16px',\n '--vis-nested-donut-central-label-font-weight': 600,\n '--vis-nested-donut-central-label-text-color': '#5b5f6d',\n\n // Central sub-label\n '--vis-nested-donut-central-sublabel-font-size': '12px;',\n '--vis-nested-donut-central-sublabel-font-weight': 500,\n '--vis-nested-donut-central-sublabel-text-color': '#5b5f6d',\n\n // Segments\n '--vis-nested-donut-segment-stroke-width': '1px',\n '--vis-nested-donut-segment-stroke-color': 'var(--vis-nested-donut-background-color)',\n '--vis-nested-donut-segment-label-text-color-light': '#5b5f6d',\n '--vis-nested-donut-segment-label-text-color-dark': '#fff',\n '--vis-nested-donut-segment-label-font-size': '1em',\n\n /* Dark theme */\n '--vis-dark-nested-donut-background-color': '#18160C',\n '--vis-dark-nested-donut-central-label-text-color': '#fff',\n '--vis-dark-nested-donut-central-sublabel-text-color': '#fff',\n}\n\nexport const root = css`\n label: nested-donut-component;\n`\n\nexport const segmentsGroup = css`\n label: nested-donut-segments-group;\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = css`\n label: background;\n fill: var(--vis-nested-donut-background-color);\n stroke-width: var(--vis-nested-donut-segment-stroke-width);\n stroke: var(--vis-nested-donut-segment-stroke-color);\n`\n\nexport const segment = css`\n label: segment;\n `\n\nexport const segmentExit = css`\n label: segment-exit;\n`\n\nexport const segmentArc = css`\n label: segment-arc;\n stroke-width: var(--vis-nested-donut-segment-stroke-width);\n stroke: var(--vis-nested-donut-segment-stroke-color);\n`\n\nexport const segmentLabel = css`\n label: segment-label;\n text-anchor: middle;\n dominant-baseline: middle;\n user-select: none;\n font-size: var(--vis-nested-donut-segment-label-font-size);\n`\n\nexport const centralLabel = css`\n label: central-label;\n text-anchor: middle;\n dominant-baseline: middle;\n font-size: var(--vis-nested-donut-central-label-font-size);\n font-family: var(--vis-nested-donut-central-label-font-family, var(--vis-font-family));\n font-weight: var(--vis-nested-donut-central-label-font-weight);\n fill: var(--vis-nested-donut-central-label-text-color);\n`\n\nexport const centralSubLabel = css`\n label: central-sub-label;\n text-anchor: middle;\n dominant-baseline: middle;\n font-size: var(--vis-nested-donut-central-sublabel-font-size);\n font-family: var(--vis-nested-donut-central-sublabel-font-family, var(--vis-font-family));\n font-weight: var(--vis-nested-donut-central-sublabel-font-weight);\n fill: var(--vis-nested-donut-central-sublabel-text-color);\n`\n"],"names":[],"mappings":";;;AAKA,MAAM,cAAc,GAAG;;AAErB,IAAA,gCAAgC,EAAE,SAAsB;;AAGxD,IAAA,qCAAqC,EAAE,SAAS;;AAGhD,IAAA,4CAA4C,EAAE,MAAM;AACpD,IAAA,8CAA8C,EAAE,GAAG;AACnD,IAAA,6CAA6C,EAAE,SAAS;;AAGxD,IAAA,+CAA+C,EAAE,OAAO;AACxD,IAAA,iDAAiD,EAAE,GAAG;AACtD,IAAA,gDAAgD,EAAE,SAAS;;AAG3D,IAAA,yCAAyC,EAAE,KAAK;AAChD,IAAA,yCAAyC,EAAE,0CAA0C;AACrF,IAAA,mDAAmD,EAAE,SAAS;AAC9D,IAAA,kDAAkD,EAAE,MAAM;AAC1D,IAAA,4CAA4C,EAAE,KAAK;;AAGnD,IAAA,0CAA0C,EAAE,SAAS;AACrD,IAAA,kDAAkD,EAAE,MAAM;AAC1D,IAAA,qDAAqD,EAAE,MAAM;CAC9D,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;EAE/B;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;EAK5B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;GAExB;AAEK,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;EAI5B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;EAM9B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQ9B;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/plotband/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/plotband/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\n\nexport const globalStyles = injectGlobal`\n :root {\n --vis-plotband-color: rgba(255, 255, 90, 0.2);\n --vis-plotband-label-font-size: 12px;\n --vis-plotband-label-color: #000;\n\n --vis-dark-plotband-color: rgba(220, 220, 90, 0.2);\n --vis-dark-plotband-label-color: #e5e9f7;\n }\n\n ${darkThemeCssSelectors} {\n --vis-plotband-color: var(--vis-dark-plotband-color);\n --vis-plotband-label-color: var(--vis-dark-tooltip-text-color);\n }\n`\n\nexport const root = css`\n label: plotband-component;\n`\n\nexport const plotband = css`\n label: plotband-area;\n transition: opacity 200ms;\n cursor: var(--vis-line-cursor);\n fill: var(--vis-plotband-color);\n`\n\nexport const label = css`\n label: plotline-label;\n\n user-select: none;\n text-anchor: middle;\n pointer-events: none;\n font-size: var(--vis-plotband-label-font-size);\n fill: var(--vis-plotband-label-color);\n`\n"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;IAUpC,qBAAqB,CAAA;;;;EAIxB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;EAK1B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/plotline/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/plotline/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const globalStyles = injectGlobal`\n :root {\n --vis-plotline-color: rgb(226, 32, 58);\n --vis-plotline-width: 2;\n --vis-plotline-dasharray: none;\n --vis-plotline-stroke-dashoffset: 0;\n --vis-plotline-label-font-size: 12px;\n --vis-plotline-label-color: #000;\n\n --vis-dark-plotline-label-color: #e5e9f7;\n }\n\n ${darkThemeCssSelectors} {\n --vis-plotline-label-color: var(--vis-dark-tooltip-text-color);\n }\n`\n\nexport const root = css`\n label: plotline-component;\n`\n\nexport const plotline = css`\n label: plotline;\n transition: opacity 200ms;\n stroke-linecap: round;\n stroke-linejoin: round;\n stroke: var(--vis-plotline-color);\n stroke-width: var(--vis-plotline-width);\n stroke-dasharray: var(--vis-plotline-dasharray);\n stroke-dashoffset: var(--vis-plotline-stroke-dashoffset);\n`\n\nexport const label = css`\n label: plotline-label;\n text-anchor: middle;\n /* dominant-baseline: middle; */\n pointer-events: none;\n font-size: var(--vis-plotline-label-font-size);\n fill: var(--vis-plotline-label-color);\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;IAYpC,qBAAqB,CAAA;;;EAGxB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;;;;;EAS1B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/rolling-pin-legend/style.ts"],"sourcesContent":["import { css } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/rolling-pin-legend/style.ts"],"sourcesContent":["import { css } from 'styles/emotion'\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nexport const root = css`\n display: flex;\n`\n\nexport const cssVarDefaults = {\n '--vis-rolling-pin-legend-label-color': '#6c778c',\n '--vis-rolling-pin-legend-label-max-width': '300px',\n '--vis-rolling-pin-legend-label-font-size': '12px',\n '--vis-rolling-pin-legend-spacing': '4px',\n '--vis-rolling-pin-legend-item-width': '8px',\n '--vis-dark-rolling-pin-legend-label-color': '#eee',\n}\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const rectsContainer = css`\n display: flex;\n`\n\nexport const label = css`\n font-family: var(--vis-rolling-pin-legend-font-family, var(--vis-font-family));\n font-size: var(${variables.rollingPinLegendLabelFontSize});\n max-width: var(${variables.rollingPinLegendLabelMaxWidth});\n color: var(${variables.rollingPinLegendLabelColor});\n`\n\nexport const leftLabel = css`\n margin-right: var(${variables.rollingPinLegendSpacing});\n`\n\nexport const rightLabel = css`\n margin-left: var(${variables.rollingPinLegendSpacing});\n`\n\nexport const rect = css`\n display: inline-block;\n flex: 1;\n width: var(${variables.rollingPinLegendItemWidth});\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEY,MAAA,cAAc,GAAG;AAC5B,IAAA,sCAAsC,EAAE,SAAS;AACjD,IAAA,0CAA0C,EAAE,OAAO;AACnD,IAAA,0CAA0C,EAAE,MAAM;AAClD,IAAA,kCAAkC,EAAE,KAAK;AACzC,IAAA,qCAAqC,EAAE,KAAK;AAC5C,IAAA,2CAA2C,EAAE,MAAM;EACpD;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;AAEL,iBAAA,EAAA,SAAS,CAAC,6BAA6B,CAAA;AACvC,iBAAA,EAAA,SAAS,CAAC,6BAA6B,CAAA;AAC3C,aAAA,EAAA,SAAS,CAAC,0BAA0B,CAAA;EAClD;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;AACN,oBAAA,EAAA,SAAS,CAAC,uBAAuB,CAAA;EACtD;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;AACR,mBAAA,EAAA,SAAS,CAAC,uBAAuB,CAAA;EACrD;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;AAGR,aAAA,EAAA,SAAS,CAAC,yBAAyB,CAAA;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/sankey/style.ts"],"sourcesContent":["import { css } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/sankey/style.ts"],"sourcesContent":["import { css } from 'styles/emotion'\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\nimport { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from 'styles/index'\n\nexport const SANKEY_ICON_SIZE = 22\n\nexport const root = css`\n label: sankey-component;\n`\n\nexport const cssVarDefaults = {\n /* Links */\n '--vis-sankey-link-cursor': 'default',\n '--vis-sankey-link-color': 'var(--vis-color-main-light)',\n '--vis-sankey-link-opacity': '0.5',\n '--vis-sankey-link-hover-opacity': '1.0',\n\n /* Nodes */\n '--vis-sankey-node-cursor': 'default',\n '--vis-sankey-node-color': 'var(--vis-color-main)',\n '--vis-sankey-node-label-color': '#575c65',\n '--vis-sankey-node-opacity': '0.9',\n '--vis-sankey-node-hover-opacity': '1.0',\n\n /* Node Selection */\n '--vis-sankey-node-selection-stroke-width': '1.5px',\n '--vis-sankey-node-selection-stroke-opacity': '0.6',\n '--vis-sankey-node-selection-border-radius': '2px',\n\n /* Node Labels */\n '--vis-sankey-node-label-background-fill-color': '#ffffff',\n '--vis-sankey-node-label-background-stroke-color': '#eaeaea',\n '--vis-sankey-node-label-background-opacity': '0.9',\n '--vis-sankey-node-label-cursor': 'default',\n '--vis-sankey-node-label-font-weight': '600',\n '--vis-sankey-node-label-font-size': '12px',\n '--vis-sankey-node-label-text-decoration': 'none',\n\n '--vis-sankey-node-sublabel-font-size': '10px',\n '--vis-sankey-node-sublabel-font-weight': '500',\n\n /* Icons */\n '--vis-sankey-icon-size': `${SANKEY_ICON_SIZE}px`,\n '--vis-sankey-icon-color': '#ffffff',\n '--vis-sankey-icon-stroke-opacity': '0.6',\n '--vis-sankey-icon-font-family': UNOVIS_ICON_FONT_FAMILY_DEFAULT,\n\n // Undefined by default to allow proper fallback to var(--vis-font-family)\n /* --vis-sankey-label-font-family: */\n\n /* Dark Theme */\n '--vis-dark-sankey-link-color': 'var(--vis-color-main-dark)',\n '--vis-dark-sankey-node-color': 'var(--vis-color-main)',\n '--vis-dark-sankey-node-label-color': '#eaeaea',\n '--vis-dark-sankey-node-label-background-fill-color': '#292b34',\n '--vis-dark-sankey-node-label-background-stroke-color': '#575c65',\n '--vis-dark-sankey-icon-color': '#292b34',\n}\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const links = css`\n label: links;\n`\n\nexport const nodes = css`\n label: nodes;\n`\n\nexport const link = css`\n label: link;\n\n path {\n cursor: var(${variables.sankeyLinkCursor});\n fill: var(${variables.sankeyLinkColor});\n fill-opacity: var(${variables.sankeyLinkOpacity});\n }\n\n &:hover {\n path {\n fill-opacity: var(${variables.sankeyLinkHoverOpacity});\n }\n }\n`\n\nexport const linkPath = css`\n label: visible;\n`\n\nexport const linkSelectionHelper = css`\n label: transparent;\n opacity: 0;\n`\n\nexport const labelGroup = css`\n label: label-group;\n cursor: var(${variables.sankeyNodeLabelCursor});\n`\n\nexport const labelTrimmed = css`\n label: label-trimmed;\n`\n\nexport const label = css`\n label: label;\n dominant-baseline: hanging;\n\n fill: var(${variables.sankeyNodeLabelColor});\n text-decoration: var(${variables.sankeyNodeLabelTextDecoration});\n font-weight: var(${variables.sankeyNodeLabelFontWeight});\n user-select: none;\n\n &, tspan {\n font-family: var(--vis-sankey-label-font-family, var(--vis-font-family));\n dominant-baseline: hanging;\n }\n`\n\nexport const sublabel = css`\n label: sub-label;\n dominant-baseline: hanging;\n\n fill: var(${variables.sankeyNodeLabelColor});\n user-select: none;\n\n &, tspan {\n font-family: var(--vis-sankey-label-font-family, var(--vis-font-family));\n font-weight: var(${variables.sankeyNodeSublabelFontWeight});\n dominant-baseline: hanging;\n }\n`\n\nexport const labelBackground = css`\n label: label-background;\n stroke: var(${variables.sankeyNodeLabelBackgroundStrokeColor});\n fill: var(${variables.sankeyNodeLabelBackgroundFillColor});\n opacity: var(${variables.sankeyNodeLabelBackgroundOpacity});\n`\n\nexport const hidden = css`\n label: hidden;\n visibility: hidden;\n`\n\nexport const forceShow = css`\n label: forceShow;\n visibility: visible;\n`\n\nexport const nodeGroup = css`\n label: node-group;\n`\n\nexport const node = css`\n label: node;\n\n cursor: var(${variables.sankeyNodeCursor});\n fill: var(${variables.sankeyNodeColor});\n opacity: var(${variables.sankeyNodeOpacity});\n\n &:hover {\n opacity: var(${variables.sankeyNodeHoverOpacity});\n }\n`\n\nexport const nodeIcon = css`\n label: icon;\n\n font-family: var(${variables.sankeyIconFontFamily});\n text-anchor: middle;\n font-size: var(${variables.sankeyIconSize});\n fill: var(${variables.sankeyIconColor});\n stroke: var(${variables.sankeyNodeColor});\n stroke-opacity: var(${variables.sankeyIconStrokeOpacity});\n user-select: none;\n pointer-events: none;\n dominant-baseline: central;\n`\n\nexport const nodeExit = css`\n label: node-exit;\n`\n\nexport const nodeSelectionRect = css`\n label: node-selection-rect;\n fill: none;\n stroke: var(${variables.sankeyNodeColor});\n stroke-width: var(${variables.sankeyNodeSelectionStrokeWidth});\n stroke-opacity: var(${variables.sankeyNodeSelectionStrokeOpacity});\n rx: var(${variables.sankeyNodeSelectionBorderRadius});\n ry: var(${variables.sankeyNodeSelectionBorderRadius});\n`\n\nexport const background = css`\n label: background;\n`\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/scatter/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/scatter/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\n\nexport const globalStyles = injectGlobal`\n :root {\n --vis-scatter-cursor: default;\n --vis-scatter-fill-color: var(--vis-color-main);\n --vis-scatter-stroke-color: 'none';\n --vis-scatter-stroke-width: 1px;\n --vis-scatter-fill-opacity: 1;\n --vis-scatter-stroke-opacity: 1;\n --vis-scatter-hover-stroke-width: 2px;\n\n --vis-scatter-point-label-text-color-dark: #5b5f6d;\n --vis-scatter-point-label-text-color-light: #fff;\n --vis-scatter-point-label-text-font-weight: 500;\n --vis-scatter-point-label-text-font-size: 12px;\n // Undefined by default to allow proper fallback to var(--vis-font-family)\n /* --vis-scatter-point-label-text-font-family: */\n }\n`\n\nexport const root = css`\n label: scatter-component;\n`\n\nexport const pointGroup = css`\n label: point-group;\n`\n\nexport const pointGroupExit = css`\n label: point-group-exit;\n`\n\nexport const point = css`\n label: point;\n\n > path {\n cursor: var(--vis-scatter-cursor);\n fill: var(--vis-scatter-fill-color);\n fill-opacity: var(--vis-scatter-fill-opacity);\n stroke-opacity: var(--vis-scatter-stroke-opacity);\n stroke-width: var(--vis-scatter-stroke-width);\n stroke: var(--vis-scatter-stroke-color);\n\n &:hover {\n stroke-width: var(--vis-scatter-hover-stroke-width);\n }\n }\n\n > text {\n font-weight: var(--vis-scatter-point-label-text-font-weight);\n font-size: var(--vis-scatter-point-label-text-font-size);\n font-family: var(--vis-scatter-point-label-text-font-family, var(--vis-font-family));\n fill: var(--vis-scatter-point-label-text-color-dark);\n user-select: none;\n }\n`\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;EAiBvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/stacked-bar/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/stacked-bar/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const root = css`\n label: stacked-bar-component;\n`\n\nexport const globalStyles = injectGlobal`\n :root {\n --vis-stacked-bar-cursor: default;\n --vis-stacked-bar-fill-color: var(--vis-color-main);\n --vis-stacked-bar-stroke-color: none;\n --vis-stacked-bar-stroke-width: 0px;\n --vis-stacked-bar-hover-stroke-width: none;\n --vis-stacked-bar-hover-stroke-color: none;\n\n /* Dark Theme */\n --vis-dark-stacked-bar-stroke-color: none;\n }\n\n ${darkThemeCssSelectors} ${`.${root}`} {\n --vis-stacked-bar-stroke-color: var(--vis-dark-stacked-bar-stroke-color);\n }\n`\n\nexport const bar = css`\n label: bar;\n fill: var(--vis-stacked-bar-fill-color);\n stroke: var(--vis-stacked-bar-stroke-color);\n stroke-width: var(--vis-stacked-bar-stroke-width);\n cursor: var(--vis-stacked-bar-cursor);\n\n &:hover {\n stroke-width: var(--vis-stacked-bar-hover-stroke-width);\n stroke: var(--vis-stacked-bar-hover-stroke-color);\n }\n`\n\nexport const barGroup = css`\n label: barGroup;\n`\n\nexport const barGroupExit = css`\n label: barGroupExit;\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;IAapC,qBAAqB,CAAA,CAAA,EAAI,CAAI,CAAA,EAAA,IAAI,CAAE,CAAA,CAAA;;;EAGtC;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;EAWrB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;EAE1B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/timeline/style.ts"],"sourcesContent":["import { css } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/timeline/style.ts"],"sourcesContent":["import { css } from 'styles/emotion'\nimport type { UnovisCssVariablesDefinition } from 'types/style'\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nexport const root = css`\n label: timeline-component;\n`\n\nexport const cssVarDefaults: UnovisCssVariablesDefinition = {\n '--vis-timeline-row-even-fill-color': '#FFFFFF',\n '--vis-timeline-row-odd-fill-color': '#F7FAFC',\n '--vis-timeline-row-background-opacity': '1',\n '--vis-timeline-scrollbar-background-color': '#E6E9F3',\n '--vis-timeline-scrollbar-color': '#9EA7B8',\n\n '--vis-timeline-label-font-size': '12px',\n '--vis-timeline-label-color': '#6C778C',\n '--vis-timeline-label-user-select': 'none',\n '--vis-timeline-label-pointer-events': 'all',\n\n '--vis-timeline-arrow-color': '#6C778C',\n '--vis-timeline-arrow-stroke-width': '1.5',\n\n '--vis-timeline-cursor': 'default',\n '--vis-timeline-line-color': 'var(--vis-color-main)',\n '--vis-timeline-line-stroke-color': undefined,\n '--vis-timeline-line-stroke-width': '0',\n '--vis-timeline-line-hover-stroke-width': '0',\n '--vis-timeline-line-hover-stroke-color': '#6C778C',\n\n '--vis-timeline-row-icon-cursor': 'default',\n\n '--vis-dark-timeline-row-even-fill-color': '#292B34',\n '--vis-dark-timeline-row-odd-fill-color': '#333742',\n '--vis-dark-timeline-scrollbar-background-color': '#292B34',\n '--vis-dark-timeline-scrollbar-color': '#6C778C',\n '--vis-dark-timeline-label-color': '#EFF5F8',\n '--vis-dark-timeline-arrow-color': '#EFF5F8',\n '--vis-dark-timeline-line-hover-stroke-color': '#EFF5F8',\n}\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const background = css`\n label: background;\n`\n\nexport const lines = css`\n label: lines;\n`\n\nexport const lineGroup = css`\n label: line-group;\n`\n\nexport const line = css`\n label: line;\n fill: var(--vis-timeline-line-color);\n cursor: var(--vis-timeline-cursor);\n\n stroke: var(--vis-timeline-line-stroke-color, var(--vis-timeline-row-even-fill-color));\n stroke-width: var(--vis-timeline-line-stroke-width);\n\n &.odd {\n stroke: var(--vis-timeline-line-stroke-color, var(--vis-timeline-row-odd-fill-color));\n }\n\n :hover {\n stroke-width: var(--vis-timeline-line-hover-stroke-width);\n stroke: var(--vis-timeline-line-hover-stroke-color);\n }\n`\n\nexport const lineStartIcon = css`\n label: line-start-icon;\n`\n\nexport const lineEndIcon = css`\n label: line-end-icon;\n`\n\nexport const arrows = css`\n label: arrows;\n`\n\nexport const arrow = css`\n label: arrow;\n fill: none;\n stroke: var(--vis-timeline-arrow-color);\n stroke-width: var(--vis-timeline-arrow-stroke-width);\n`\n\nexport const rows = css`\n label: rows;\n`\n\nexport const row = css`\n label: row;\n fill: var(--vis-timeline-row-even-fill-color);\n opacity: var(--vis-timeline-row-background-opacity);\n`\n\nexport const rowOdd = css`\n label: row-odd;\n fill: var(--vis-timeline-row-odd-fill-color);\n`\n\nexport const scrollbar = css`\n label: scroll-bar;\n`\n\nexport const scrollbarHandle = css`\n label: scroll-bar-handle;\n fill: var(--vis-timeline-scrollbar-color);\n`\n\nexport const scrollbarBackground = css`\n label: scroll-bar-background;\n fill: var(--vis-timeline-scrollbar-background-color);\n`\n\nexport const labels = css`\n label: labels;\n`\n\nexport const label = css`\n label: label;\n dominant-baseline: middle;\n font-size: var(--vis-timeline-label-font-size);\n fill: var(--vis-timeline-label-color);\n text-anchor: end;\n user-select: var(--vis-timeline-label-user-select);\n pointer-events: var(--vis-timeline-label-pointer-events);\n`\n\nexport const labelBackground = css`\n label: label-background;\n fill: transparent;\n pointer-events: all;\n`\n\nexport const rowIcons = css`\n label: row-icons;\n`\n\nexport const rowIcon = css`\n label: row-icon;\n cursor: var(--vis-timeline-row-icon-cursor);\n`\n"],"names":[],"mappings":";;;AAIO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEY,MAAA,cAAc,GAAiC;AAC1D,IAAA,oCAAoC,EAAE,SAAS;AAC/C,IAAA,mCAAmC,EAAE,SAAS;AAC9C,IAAA,uCAAuC,EAAE,GAAG;AAC5C,IAAA,2CAA2C,EAAE,SAAS;AACtD,IAAA,gCAAgC,EAAE,SAAS;AAE3C,IAAA,gCAAgC,EAAE,MAAM;AACxC,IAAA,4BAA4B,EAAE,SAAS;AACvC,IAAA,kCAAkC,EAAE,MAAM;AAC1C,IAAA,qCAAqC,EAAE,KAAK;AAE5C,IAAA,4BAA4B,EAAE,SAAS;AACvC,IAAA,mCAAmC,EAAE,KAAK;AAE1C,IAAA,uBAAuB,EAAE,SAAS;AAClC,IAAA,2BAA2B,EAAE,uBAAuB;AACpD,IAAA,kCAAkC,EAAE,SAAS;AAC7C,IAAA,kCAAkC,EAAE,GAAG;AACvC,IAAA,wCAAwC,EAAE,GAAG;AAC7C,IAAA,wCAAwC,EAAE,SAAS;AAEnD,IAAA,gCAAgC,EAAE,SAAS;AAE3C,IAAA,yCAAyC,EAAE,SAAS;AACpD,IAAA,wCAAwC,EAAE,SAAS;AACnD,IAAA,gDAAgD,EAAE,SAAS;AAC3D,IAAA,qCAAqC,EAAE,SAAS;AAChD,IAAA,iCAAiC,EAAE,SAAS;AAC5C,IAAA,iCAAiC,EAAE,SAAS;AAC5C,IAAA,6CAA6C,EAAE,SAAS;EACzD;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;EAgBtB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;EAE/B;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;EAKvB;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,GAAG,GAAG,GAAG,CAAA,CAAA;;;;EAIrB;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;;EAGxB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;EAGjC;AAEM,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA;;;EAGrC;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;EAQvB;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;;EAIjC;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;EAE1B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/tooltip/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/tooltip/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const root = css`\n label: tooltip;\n display: inline-block;\n left: 0;\n bottom: 0;\n min-width: max-content;\n position: absolute;\n opacity: 0;\n transition: opacity;\n transition-duration: var(--vis-tooltip-transition-duration);\n z-index: 999999;\n padding: var(--vis-tooltip-padding);\n color: var(--vis-tooltip-text-color);\n border-radius: var(--vis-tooltip-border-radius);\n box-shadow: var(--vis-tooltip-box-shadow);\n border: solid 1px var(--vis-tooltip-border-color);\n background-color: var(--vis-tooltip-background-color);\n backdrop-filter: var(--vis-tooltip-backdrop-filter);\n`\n\n/**\n * @deprecated This selector is deprecated and will be removed in future versions. Use `root` instead.\n */\nexport const tooltip = root\n\nexport const variables = injectGlobal`\n :root {\n --vis-tooltip-background-color: rgba(255, 255, 255, 0.95);\n --vis-tooltip-border-color: #e5e9f7;\n --vis-tooltip-text-color: #000;\n --vis-tooltip-shadow-color: rgba(172, 179, 184, 0.35);\n --vis-tooltip-backdrop-filter: none;\n --vis-tooltip-padding: 10px 15px;\n --vis-tooltip-border-radius: 5px;\n --vis-tooltip-transition-duration: 300ms;\n --vis-tooltip-box-shadow: none;\n\n --vis-dark-tooltip-background-color: rgba(30,30,30, 0.95);\n --vis-dark-tooltip-text-color: #e5e9f7;\n --vis-dark-tooltip-border-color: var(--vis-color-grey);\n --vis-dark-tooltip-shadow-color: rgba(0,0,0, 0.95);\n }\n\n ${darkThemeCssSelectors} ${`.${root}`} {\n --vis-tooltip-background-color: var(--vis-dark-tooltip-background-color);\n --vis-tooltip-text-color: var(--vis-dark-tooltip-text-color);\n --vis-tooltip-border-color: var(--vis-dark-tooltip-border-color);\n --vis-tooltip-shadow-color: var(--vis-dark-tooltip-shadow-color);\n }\n\n ${darkThemeCssSelectors} {\n --vis-tooltip-background-color: rgba(30,30,30, 0.95);\n --vis-tooltip-text-color: #e5e9f7;\n --vis-tooltip-border-color: var(--vis-color-grey);\n --vis-tooltip-shadow-color: rgba(0,0,0, 0.95);\n }\n`\n\nexport const positionFixed = css`\n bottom: unset;\n position: fixed;\n`\n\nexport const show = css`\n opacity: 1;\n`\n\nexport const hidden = css`\n display: none;\n`\n\nexport const nonInteractive = css`\n label: non-interactive;\n pointer-events: none;\n user-select: none;\n`\n"],"names":[],"mappings":";;;AAGO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;EAkBtB;AAED;;AAEG;AACI,MAAM,OAAO,GAAG,KAAI;AAEpB,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;IAkBjC,qBAAqB,CAAA,CAAA,EAAI,CAAI,CAAA,EAAA,IAAI,CAAE,CAAA,CAAA;;;;;;;IAOnC,qBAAqB,CAAA;;;;;;EAMxB;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;EAG/B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,MAAM,GAAG,GAAG,CAAA,CAAA;;EAExB;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/topojson-map/style.ts"],"sourcesContent":["import { css } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/topojson-map/style.ts"],"sourcesContent":["import { css } from 'styles/emotion'\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nexport const cssVarDefaults = {\n // Base map colors\n '--vis-map-feature-color': '#dce3eb',\n '--vis-map-boundary-color': '#ffffff',\n\n // Point label\n '--vis-map-point-label-text-color-dark': '#5b5f6d',\n '--vis-map-point-label-text-color-light': '#fff',\n '--vis-map-point-label-font-family': undefined as undefined,\n '--vis-map-point-label-font-weight': '600',\n '--vis-map-point-label-font-size': '12px',\n\n // Area label\n '--vis-map-area-label-text-color': '#5b5f6d',\n '--vis-map-area-label-font-weight': '600',\n '--vis-map-area-label-font-size': '12px',\n '--vis-map-area-label-font-family': undefined as undefined,\n\n // Bottom label\n '--vis-map-point-bottom-label-text-color': '#5b5f6d',\n '--vis-map-point-bottom-label-font-size': '10px',\n '--vis-map-point-bottom-label-font-weight': '600',\n\n // Point styles\n '--vis-map-point-default-fill-color': '#B9BEC3',\n '--vis-map-point-ring-fill-color': '#ffffff',\n '--vis-map-point-default-stroke-color': '#959da3',\n '--vis-map-point-default-stroke-width': '0px',\n\n // Cluster styles\n '--vis-map-cluster-default-fill-color': '#fff',\n '--vis-map-cluster-default-stroke-color': '#B9BEC3',\n '--vis-map-cluster-default-stroke-width': '1.5px',\n '--vis-map-cluster-donut-fill-color': '#959da3',\n '--vis-map-cluster-expanded-background-fill-color': '#fff',\n\n // Dark theme defaults (overridable by host)\n '--vis-dark-map-feature-color': '#5b5f6d',\n '--vis-dark-map-boundary-color': '#2a2a2a',\n '--vis-dark-map-point-label-text-color-dark': '#fff',\n '--vis-dark-map-point-label-text-color-light': '#5b5f6d',\n '--vis-dark-map-area-label-text-color': '#fff',\n '--vis-dark-map-point-bottom-label-text-color': '#fff',\n '--vis-dark-map-point-default-fill-color': '#B9BEC3',\n '--vis-dark-map-point-default-stroke-color': '#959da3',\n '--vis-dark-map-point-ring-fill-color': '#5b5f6d',\n '--vis-dark-map-cluster-default-fill-color': '#5b5f6d',\n '--vis-dark-map-cluster-default-stroke-color': '#B9BEC3',\n '--vis-dark-map-cluster-donut-fill-color': '#959da3',\n '--vis-dark-map-cluster-expanded-background-fill-color': '#2a2a2a',\n} as const\n\nexport const root = css`\n label: topojson-map-component;\n\n &.draggable {\n &:active {\n cursor: grabbing;\n cursor: -moz-grabbing;\n cursor: -webkit-grabbing;\n }\n }\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const pointPathRing = css`\n label: point-path-ring;\n fill: var(${variables.mapPointRingFillColor});\n`\n\nexport const features = css`\n label: features;\n`\n\nexport const feature = css`\n label: feature;\n fill: var(${variables.mapFeatureColor});\n stroke: var(${variables.mapBoundaryColor});\n stroke-opacity: 0.5;\n`\n\nexport const areaLabel = css`\n label: area-label;\n\n text-anchor: middle;\n cursor: default;\n pointer-events: none;\n\n font-size: var(${variables.mapAreaLabelFontSize});\n font-family: var(${variables.mapAreaLabelFontFamily}, var(--vis-font-family));\n font-weight: var(${variables.mapAreaLabelFontWeight});\n fill: var(${variables.mapAreaLabelTextColor});\n`\n\nexport const background = css`\n label: background;\n\n fill-opacity: 0;\n pointer-events: all;\n`\n\nexport const points = css`\n label: points;\n`\n\nexport const clusterBackgroundCircle = css`\n label: cluster-background-circle;\n`\n\nexport const point = css`\n label: point;\n`\n\nexport const pointShape = css`\n label: point-shape;\n\n stroke-opacity: 0.4;\n pointer-events: fill;\n transition: .3s transform;\n\n &:active {\n cursor: default;\n }\n\n &:hover {\n transform: scale(1.1);\n }\n`\n\nexport const pointLabel = css`\n label: label;\n\n text-anchor: middle;\n cursor: default;\n pointer-events:none;\n\n font-size: var(${variables.mapPointLabelFontSize});\n font-family: var(${variables.mapPointLabelFontFamily}, var(--vis-font-family));\n font-weight: var(${variables.mapPointLabelFontWeight});\n fill: var(${variables.mapPointDefaultFillColor});\n stroke-width: var(${variables.mapPointDefaultStrokeWidth});\n`\n\nexport const pointBottomLabel = css`\n label: point-bottom-label;\n\n text-anchor: middle;\n cursor: default;\n pointer-events:none;\n\n font-size: var(${variables.mapPointBottomLabelFontSize});\n font-family: var(${variables.mapPointLabelFontFamily}, var(--vis-font-family));\n font-weight: var(${variables.mapPointBottomLabelFontWeight}, 600);\n fill: var(${variables.mapPointBottomLabelTextColor});\n`\n\n// Style class exported for custom CSS targeting of donut chart paths\n// Can be used to apply custom styles to pie chart segments\nexport const pointDonut = css`\n label: point-donut;\n transition: .3s transform;\n\n path {\n stroke-opacity: 0.8;\n }\n \n &:hover {\n transform: scale(1.1);\n }\n`\nexport const clusterDonut = css`\n label: cluster-donut;\n transform: scale(1);\n transition: .3s transform;\n\n path {\n stroke-opacity: 0.8;\n }\n\n &:hover {\n transform: scale(1.1);\n filter: drop-shadow(0 0 2px var(${variables.mapClusterDefaultStrokeColor})) drop-shadow(0 0 4px var(${variables.mapClusterDefaultStrokeColor}));\n }\n`\n\nexport const clusterBackground = css`\n label: cluster-background;\n fill: var(${variables.mapClusterDefaultFillColor});\n stroke: none;\n pointer-events: all;\n`\n\nexport const pointSelectionRing = css`\n label: point-selection-ring;\n stroke: var(${variables.mapPointDefaultFillColor});\n`\n\nexport const pointSelection = css`\n label: point-selection;\n\n opacity: 0;\n transform: scale(1);\n\n &.active {\n transition: all 400ms cubic-bezier(0.230, 1.000, 0.320, 1.000);\n opacity: 1;\n transform: scale(1.25);\n }\n`\n\nexport const links = css`\n label: links;\n`\n\nexport const link = css`\n label: link;\n\n fill: none;\n stroke-opacity: .50;\n stroke-linecap: round;\n\n &:hover {\n stroke-opacity: .90;\n }\n`\n\nexport const flowParticles = css`\n label: flow-particles;\n`\n\nexport const flowParticle = css`\n label: flow-particle;\n \n pointer-events: none;\n`\n\nexport const sourcePoints = css`\n label: source-points;\n`\n\nexport const sourcePoint = css`\n label: source-point;\n \n cursor: pointer;\n stroke-opacity: 0.8;\n \n &:hover {\n stroke-opacity: 1;\n }\n`\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/treemap/style.ts"],"sourcesContent":["import { css } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/treemap/style.ts"],"sourcesContent":["import { css } from 'styles/emotion'\n\n// Utils\nimport { getCssVarNames, injectGlobalCssVariables } from 'utils/style'\n\nconst cssVarDefaults = {\n '--vis-treemap-tile-stroke-color': '#fff',\n '--vis-treemap-tile-stroke-width': '2px',\n '--vis-treemap-tile-hover-stroke-color': '#fff',\n '--vis-treemap-tile-hover-stroke-opacity': 0,\n\n /* Labels */\n '--vis-treemap-label-opacity': 0.8,\n '--vis-treemap-label-font-weight': 'normal',\n '--vis-treemap-label-text-color': '#000',\n '--vis-treemap-label-text-color-light': '#fff',\n '--vis-treemap-label-font-size': '12px',\n}\n\nexport const root = css`\n label: treemap-component;\n`\n\nexport const variables = getCssVarNames(cssVarDefaults)\ninjectGlobalCssVariables(cssVarDefaults, root)\n\nexport const tiles = css`\n label: g-tiles;\n`\n\nexport const tileGroup = css`\n label: tile-group;\n`\n\nexport const tile = css`\n label: tile;\n stroke: var(${variables.treemapTileHoverStrokeColor});\n stroke-opacity: 0;\n\n &:hover {\n stroke-opacity: var(${variables.treemapTileHoverStrokeOpacity})\n }\n`\n\nexport const tileExiting = css`\n label: tile-exiting;\n pointer-events: none;\n`\n\n// The leaf tiles are clickable\nexport const clickableTile = css`\n label: clickable-tile;\n cursor: pointer;\n`\n\nexport const tileForeground = css`\n label: tile-foreground;\n`\n\nexport const label = css`\n label: label;\n text-anchor: start;\n dominant-baseline: hanging;\n user-select: none;\n pointer-events: none;\n font-size: var(${variables.treemapLabelFontSize});\n opacity: var(${variables.treemapLabelOpacity});\n fill: var(${variables.treemapLabelTextColor});\n font-weight: var(${variables.treemapLabelFontWeight});\n`\n\nexport const internalLabel = css`\n label: internal-label;\n font-weight: 500;\n`\n\nexport const labelGroup = css`\n label: label-group;\n`\n"],"names":[],"mappings":";;;AAKA,MAAM,cAAc,GAAG;AACrB,IAAA,iCAAiC,EAAE,MAAM;AACzC,IAAA,iCAAiC,EAAE,KAAK;AACxC,IAAA,uCAAuC,EAAE,MAAM;AAC/C,IAAA,yCAAyC,EAAE,CAAC;;AAG5C,IAAA,6BAA6B,EAAE,GAAG;AAClC,IAAA,iCAAiC,EAAE,QAAQ;AAC3C,IAAA,gCAAgC,EAAE,MAAM;AACxC,IAAA,sCAAsC,EAAE,MAAM;AAC9C,IAAA,+BAA+B,EAAE,MAAM;CACxC,CAAA;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;MAEY,SAAS,GAAG,cAAc,CAAC,cAAc,EAAC;AACvD,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;AAEvC,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;EAEvB;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;AAEP,cAAA,EAAA,SAAS,CAAC,2BAA2B,CAAA;;;;AAI3B,wBAAA,EAAA,SAAS,CAAC,6BAA6B,CAAA;;EAEhE;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;;EAG7B;AAED;AACO,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;EAG/B;AAEM,MAAM,cAAc,GAAG,GAAG,CAAA,CAAA;;EAEhC;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;AAML,iBAAA,EAAA,SAAS,CAAC,oBAAoB,CAAA;AAChC,eAAA,EAAA,SAAS,CAAC,mBAAmB,CAAA;AAChC,YAAA,EAAA,SAAS,CAAC,qBAAqB,CAAA;AACxB,mBAAA,EAAA,SAAS,CAAC,sBAAsB,CAAA;EACpD;AAEM,MAAM,aAAa,GAAG,GAAG,CAAA,CAAA;;;EAG/B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/vis-controls/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/vis-controls/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\nimport { UNOVIS_ICON_FONT_FAMILY_DEFAULT } from 'styles/index'\nimport { darkThemeCssSelectors } from 'utils/theme'\n\nexport const root = css`\n label: vis-controls-component;\n`\n\nexport const variables = injectGlobal`\n :root {\n --vis-controls-buttons-border-color: rgba(108, 119, 140, 0.15);\n --vis-controls-buttons-background-color: rgba(255, 255, 255, 1);\n --vis-controls-button-color: #6c778c;\n --vis-controls-button-icon-font: ${UNOVIS_ICON_FONT_FAMILY_DEFAULT};\n\n --vis-dark-controls-buttons-border-color: #6c778c;\n --vis-dark-controls-buttons-background-color: var(--vis-color-grey);\n --vis-dark-controls-button-color: #fff;\n }\n\n ${darkThemeCssSelectors} ${`.${root}`} {\n --vis-controls-buttons-border-color: var(--vis-dark-controls.buttons-border-color);\n --vis-controls-buttons-background-color: var(--vis-dark-controls-buttons-background-color);\n --vis-controls-button-color: var(--vis-dark-controls-button-color);\n }\n`\n\nexport const items = css`\n label: items;\n background-color: var(--vis-controls-buttons-background-color);\n border: 1px solid var(--vis-controls-buttons-border-color);\n border-radius: 4px;\n opacity: 1;\n transition: all 300ms;\n`\n\nexport const horizontalItems = css`\n label: horizontal;\n display: inline-flex;\n`\n\nexport const item = css`\n label: item;\n`\n\nexport const itemButton = css`\n label: item-button;\n font-family: var(--vis-controls-button-icon-font);\n display: block;\n cursor: pointer;\n user-select: none;\n outline: none;\n width: 30px;\n height: 30px;\n line-height: 28px;\n border: none;\n border-radius: inherit;\n box-sizing: border-box;\n color: var(--vis-controls-button-color);\n background-color: inherit;\n`\n\nexport const borderLeft = css`\n border-left: 1px solid var(--vis-controls-buttons-border-color);\n`\n\nexport const borderTop = css`\n border-top: 1px solid var(--vis-controls-buttons-border-color);\n`\n\nexport const borderRight = css`\n border-right: 1px solid var(--vis-controls-buttons-border-color);\n`\n\nexport const borderBottom = css`\n border-bottom: 1px solid var(--vis-controls-buttons-border-color);\n`\n\nexport const disabled = css`\n label: disabled;\n opacity: 0.4;\n pointer-events: none;\n`\n"],"names":[],"mappings":";;;;AAIO,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,SAAS,GAAG,YAAY,CAAA,CAAA;;;;;uCAKE,+BAA+B,CAAA;;;;;;;IAOlE,qBAAqB,CAAA,CAAA,EAAI,CAAI,CAAA,EAAA,IAAI,CAAE,CAAA,CAAA;;;;;EAKtC;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;EAOvB;AAEM,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA;;;EAGjC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;EAe5B;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;EAE5B;AAEM,MAAM,SAAS,GAAG,GAAG,CAAA,CAAA;;EAE3B;AAEM,MAAM,WAAW,GAAG,GAAG,CAAA,CAAA;;EAE7B;AAEM,MAAM,YAAY,GAAG,GAAG,CAAA,CAAA;;EAE9B;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../src/components/xy-labels/style.ts"],"sourcesContent":["import { css, injectGlobal } from '
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../src/components/xy-labels/style.ts"],"sourcesContent":["import { css, injectGlobal } from 'styles/emotion'\n\nexport const globalStyles = injectGlobal`\n :root {\n --vis-xy-label-cursor: default;\n // Undefined by default to allow proper fallback to var(--vis-color-main)\n /* --vis-xy-label-fill-color */\n --vis-xy-label-stroke-color: none;\n --vis-xy-label-stroke-width: 0px;\n --vis-xy-label-fill-opacity: 1;\n --vis-xy-label-stroke-opacity: 1;\n --vis-xy-label-hover-stroke-width: 1px;\n --vis-xy-label-font-size: 12px;\n --vis-xy-label-cluster-font-size: 14px;\n\n --vis-xy-label-text-color-dark: #5b5f6d;\n --vis-xy-label-text-color-light: #fff;\n --vis-xy-label-text-font-weight: 500;\n }\n`\n\nexport const root = css`\n label: xy-labels-component;\n`\n\nexport const labelGroup = css`\n label: label-g;\n\n > rect, text {\n cursor: var(--vis-xy-label-cursor);\n fill: var(--vis-xy-label-fill-color, var(--vis-color-main));\n fill-opacity: var(--vis-xy-label-fill-opacity);\n stroke-opacity: var(--vis-xy-label-stroke-opacity);\n }\n\n > text {\n font-weight: var(--vis-xy-label-text-font-weight);\n user-select: none;\n }\n\n > rect {\n stroke-width: var(--vis-xy-label-stroke-width);\n stroke: var(--vis-xy-label-stroke-color);\n\n &:hover {\n stroke-width: var(--vis-xy-label-hover-stroke-width);\n }\n }\n`\n\nexport const cluster = css`\n label: cluster;\n`\n\nexport const label = css`\n label: label;\n`\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;EAiBvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,UAAU,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;EAuB5B;AAEM,MAAM,OAAO,GAAG,GAAG,CAAA,CAAA;;EAEzB;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;"}
|