@kosdev-code/base-ui-components 0.0.3

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@kosdev-code/base-ui-components",
+  "version": "0.0.3",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.js",
+      "require": "./index.cjs",
+      "types": "./index.d.ts"
+    },
+    "./components": {
+      "import": "./components.js",
+      "require": "./components.cjs",
+      "types": "./components.d.ts"
+    },
+    "./helpers": {
+      "import": "./helpers.js",
+      "require": "./helpers.cjs",
+      "types": "./helpers.d.ts"
+    },
+    "./hooks": {
+      "import": "./hooks.js",
+      "require": "./hooks.cjs",
+      "types": "./hooks.d.ts"
+    },
+    "./styles": {
+      "import": "./styles.js",
+      "require": "./styles.cjs",
+      "types": "./styles.d.ts"
+    },
+    "./utils": {
+      "import": "./utils.js",
+      "require": "./utils.cjs",
+      "types": "./utils.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "@kosdev-code/kos-ui-sdk": "~2.0.3"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "kos": {
+    "build": {
+      "gitHash": "00c85a3c8bd86a79a8208e4146c9f9d59ce4b5f7"
+    }
+  }
+}

package/style.css

@@ -0,0 +1 @@
+.rdp-root{--rdp-accent-color: blue;--rdp-accent-background-color: #f0f0ff;--rdp-day-height: 44px;--rdp-day-width: 44px;--rdp-day_button-border-radius: 100%;--rdp-day_button-border: 2px solid transparent;--rdp-day_button-height: 42px;--rdp-day_button-width: 42px;--rdp-selected-border: 2px solid var(--rdp-accent-color);--rdp-disabled-opacity: .5;--rdp-outside-opacity: .75;--rdp-today-color: var(--rdp-accent-color);--rdp-dropdown-gap: .5rem;--rdp-months-gap: 2rem;--rdp-nav_button-disabled-opacity: .5;--rdp-nav_button-height: 2.25rem;--rdp-nav_button-width: 2.25rem;--rdp-nav-height: 2.75rem;--rdp-range_middle-background-color: var(--rdp-accent-background-color);--rdp-range_middle-color: inherit;--rdp-range_start-color: white;--rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%);--rdp-range_start-date-background-color: var(--rdp-accent-color);--rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%);--rdp-range_end-color: white;--rdp-range_end-date-background-color: var(--rdp-accent-color);--rdp-week_number-border-radius: 100%;--rdp-week_number-border: 2px solid transparent;--rdp-week_number-height: var(--rdp-day-height);--rdp-week_number-opacity: .75;--rdp-week_number-width: var(--rdp-day-width);--rdp-weeknumber-text-align: center;--rdp-weekday-opacity: .75;--rdp-weekday-padding: .5rem 0rem;--rdp-weekday-text-align: center;--rdp-gradient-direction: 90deg;--rdp-animation_duration: .3s;--rdp-animation_timing: cubic-bezier(.4, 0, .2, 1)}.rdp-root[dir=rtl]{--rdp-gradient-direction: -90deg}.rdp-root[data-broadcast-calendar=true]{--rdp-outside-opacity: unset}.rdp-root{position:relative;box-sizing:border-box}.rdp-root *{box-sizing:border-box}.rdp-day{width:var(--rdp-day-width);height:var(--rdp-day-height);text-align:center}.rdp-day_button{background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;justify-content:center;align-items:center;display:flex;width:var(--rdp-day_button-width);height:var(--rdp-day_button-height);border:var(--rdp-day_button-border);border-radius:var(--rdp-day_button-border-radius)}.rdp-day_button:disabled{cursor:revert}.rdp-caption_label{z-index:1;position:relative;display:inline-flex;align-items:center;white-space:nowrap;border:0}.rdp-dropdown:focus-visible~.rdp-caption_label{outline:5px auto Highlight;outline:5px auto -webkit-focus-ring-color}.rdp-button_next,.rdp-button_previous{border:none;background:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit;-moz-appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;position:relative;appearance:none;width:var(--rdp-nav_button-width);height:var(--rdp-nav_button-height)}.rdp-button_next:disabled,.rdp-button_next[aria-disabled=true],.rdp-button_previous:disabled,.rdp-button_previous[aria-disabled=true]{cursor:revert;opacity:var(--rdp-nav_button-disabled-opacity)}.rdp-chevron{display:inline-block;fill:var(--rdp-accent-color)}.rdp-root[dir=rtl] .rdp-nav .rdp-chevron{transform:rotate(180deg);transform-origin:50%}.rdp-dropdowns{position:relative;display:inline-flex;align-items:center;gap:var(--rdp-dropdown-gap)}.rdp-dropdown{z-index:2;opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:0;width:100%;margin:0;padding:0;cursor:inherit;border:none;line-height:inherit}.rdp-dropdown_root{position:relative;display:inline-flex;align-items:center}.rdp-dropdown_root[data-disabled=true] .rdp-chevron{opacity:var(--rdp-disabled-opacity)}.rdp-month_caption{display:flex;align-content:center;height:var(--rdp-nav-height);font-weight:700;font-size:large}.rdp-months{position:relative;display:flex;flex-wrap:wrap;gap:var(--rdp-months-gap);max-width:fit-content}.rdp-month_grid{border-collapse:collapse}.rdp-nav{position:absolute;inset-block-start:0;inset-inline-end:0;display:flex;align-items:center;height:var(--rdp-nav-height)}.rdp-weekday{opacity:var(--rdp-weekday-opacity);padding:var(--rdp-weekday-padding);font-weight:500;font-size:smaller;text-align:var(--rdp-weekday-text-align);text-transform:var(--rdp-weekday-text-transform)}.rdp-week_number{opacity:var(--rdp-week_number-opacity);font-weight:400;font-size:small;height:var(--rdp-week_number-height);width:var(--rdp-week_number-width);border:var(--rdp-week_number-border);border-radius:var(--rdp-week_number-border-radius);text-align:var(--rdp-weeknumber-text-align)}.rdp-today:not(.rdp-outside){color:var(--rdp-today-color)}.rdp-selected{font-weight:700;font-size:large}.rdp-selected .rdp-day_button{border:var(--rdp-selected-border)}.rdp-outside{opacity:var(--rdp-outside-opacity)}.rdp-disabled{opacity:var(--rdp-disabled-opacity)}.rdp-hidden{visibility:hidden;color:var(--rdp-range_start-color)}.rdp-range_start{background:var(--rdp-range_start-background)}.rdp-range_start .rdp-day_button{background-color:var(--rdp-range_start-date-background-color);color:var(--rdp-range_start-color)}.rdp-range_middle{background-color:var(--rdp-range_middle-background-color)}.rdp-range_middle .rdp-day_button{border-color:transparent;border:unset;border-radius:unset;color:var(--rdp-range_middle-color)}.rdp-range_end{background:var(--rdp-range_end-background);color:var(--rdp-range_end-color)}.rdp-range_end .rdp-day_button{color:var(--rdp-range_start-color);background-color:var(--rdp-range_end-date-background-color)}.rdp-range_start.rdp-range_end{background:revert}.rdp-focusable{cursor:pointer}@keyframes rdp-slide_in_left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rdp-slide_in_right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rdp-slide_out_left{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes rdp-slide_out_right{0%{transform:translate(0)}to{transform:translate(100%)}}.rdp-weeks_before_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_before_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-weeks_after_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_enter{animation:rdp-slide_in_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_exit{animation:rdp-slide_out_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_before_enter{animation:rdp-slide_in_right var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-root[dir=rtl] .rdp-weeks_after_exit{animation:rdp-slide_out_left var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}@keyframes rdp-fade_in{0%{opacity:0}to{opacity:1}}@keyframes rdp-fade_out{0%{opacity:1}to{opacity:0}}.rdp-caption_after_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_after_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_enter{animation:rdp-fade_in var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}.rdp-caption_before_exit{animation:rdp-fade_out var(--rdp-animation_duration) var(--rdp-animation_timing) forwards}

package/styles/__deprecated__/index.d.ts

@@ -0,0 +1,3 @@
+export * from './old-tokens';
+export * from './old-styles';
+//# sourceMappingURL=index.d.ts.map

package/styles/__deprecated__/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC"}

package/styles/__deprecated__/old-styles/app-styles.d.ts

@@ -0,0 +1,3 @@
+export declare const scrollbarStyle: import('@emotion/utils').SerializedStyles;
+export declare const studioTheme: () => import('@emotion/utils').SerializedStyles;
+//# sourceMappingURL=app-styles.d.ts.map

package/styles/__deprecated__/old-styles/app-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-styles.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-styles/app-styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,cAAc,2CAO1B,CAAC;AAEF,eAAO,MAAM,WAAW,iDAsIvB,CAAC"}

package/styles/__deprecated__/old-styles/color.d.ts

@@ -0,0 +1,283 @@
+export declare const studioColors: {
+    "--palette-red-0": string;
+    "--palette-red-1": string;
+    "--palette-red-2": string;
+    "--palette-red-3": string;
+    "--palette-red-4": string;
+    "--palette-red-5": string;
+    "--palette-red-6": string;
+    "--palette-red-7": string;
+    "--palette-red-8": string;
+    "--palette-red-9": string;
+    "--palette-pink-0": string;
+    "--palette-pink-1": string;
+    "--palette-pink-2": string;
+    "--palette-pink-3": string;
+    "--palette-pink-4": string;
+    "--palette-pink-5": string;
+    "--palette-pink-6": string;
+    "--palette-pink-7": string;
+    "--palette-pink-8": string;
+    "--palette-pink-9": string;
+    "--palette-grape-0": string;
+    "--palette-grape-1": string;
+    "--palette-grape-2": string;
+    "--palette-grape-3": string;
+    "--palette-grape-4": string;
+    "--palette-grape-5": string;
+    "--palette-grape-6": string;
+    "--palette-grape-7": string;
+    "--palette-grape-8": string;
+    "--palette-grape-9": string;
+    "--palette-violet-0": string;
+    "--palette-violet-1": string;
+    "--palette-violet-2": string;
+    "--palette-violet-3": string;
+    "--palette-violet-4": string;
+    "--palette-violet-5": string;
+    "--palette-violet-6": string;
+    "--palette-violet-7": string;
+    "--palette-violet-8": string;
+    "--palette-violet-9": string;
+    "--palette-indigo-0": string;
+    "--palette-indigo-1": string;
+    "--palette-indigo-2": string;
+    "--palette-indigo-3": string;
+    "--palette-indigo-4": string;
+    "--palette-indigo-5": string;
+    "--palette-indigo-6": string;
+    "--palette-indigo-7": string;
+    "--palette-indigo-8": string;
+    "--palette-indigo-9": string;
+    "--palette-blue-0": string;
+    "--palette-blue-1": string;
+    "--palette-blue-2": string;
+    "--palette-blue-3": string;
+    "--palette-blue-4": string;
+    "--palette-blue-5": string;
+    "--palette-blue-6": string;
+    "--palette-blue-7": string;
+    "--palette-blue-8": string;
+    "--palette-blue-9": string;
+    "--palette-cyan-0": string;
+    "--palette-cyan-1": string;
+    "--palette-cyan-2": string;
+    "--palette-cyan-3": string;
+    "--palette-cyan-4": string;
+    "--palette-cyan-5": string;
+    "--palette-cyan-6": string;
+    "--palette-cyan-7": string;
+    "--palette-cyan-8": string;
+    "--palette-cyan-9": string;
+    "--palette-teal-0": string;
+    "--palette-teal-1": string;
+    "--palette-teal-2": string;
+    "--palette-teal-3": string;
+    "--palette-teal-4": string;
+    "--palette-teal-5": string;
+    "--palette-teal-6": string;
+    "--palette-teal-7": string;
+    "--palette-teal-8": string;
+    "--palette-teal-9": string;
+    "--palette-green-0": string;
+    "--palette-green-1": string;
+    "--palette-green-2": string;
+    "--palette-green-3": string;
+    "--palette-green-4": string;
+    "--palette-green-5": string;
+    "--palette-green-6": string;
+    "--palette-green-7": string;
+    "--palette-green-8": string;
+    "--palette-green-9": string;
+    "--palette-lime-0": string;
+    "--palette-lime-1": string;
+    "--palette-lime-2": string;
+    "--palette-lime-3": string;
+    "--palette-lime-4": string;
+    "--palette-lime-5": string;
+    "--palette-lime-6": string;
+    "--palette-lime-7": string;
+    "--palette-lime-8": string;
+    "--palette-lime-9": string;
+    "--palette-yellow-0": string;
+    "--palette-yellow-1": string;
+    "--palette-yellow-2": string;
+    "--palette-yellow-3": string;
+    "--palette-yellow-4": string;
+    "--palette-yellow-5": string;
+    "--palette-yellow-6": string;
+    "--palette-yellow-7": string;
+    "--palette-yellow-8": string;
+    "--palette-yellow-9": string;
+    "--palette-orange-0": string;
+    "--palette-orange-1": string;
+    "--palette-orange-2": string;
+    "--palette-orange-3": string;
+    "--palette-orange-4": string;
+    "--palette-orange-5": string;
+    "--palette-orange-6": string;
+    "--palette-orange-7": string;
+    "--palette-orange-8": string;
+    "--palette-orange-9": string;
+    "--palette-neutral": string;
+    "--palette-neutral-0": string;
+    "--palette-neutral-1": string;
+    "--palette-neutral-2": string;
+    "--palette-neutral-3": string;
+    "--palette-neutral-4": string;
+    "--palette-neutral-5": string;
+    "--palette-neutral-6": string;
+    "--palette-neutral-7": string;
+    "--palette-neutral-8": string;
+    "--palette-neutral-9": string;
+    "--color-grey-0": string;
+    "--color-grey-1": string;
+    "--color-grey-2": string;
+    "--color-grey-3": string;
+    "--color-grey-4": string;
+    "--color-grey-5": string;
+    "--color-grey-6": string;
+    "--color-grey-7": string;
+    "--color-grey-8": string;
+    "--color-grey-9": string;
+    "--color-clouds-0": string;
+    "--color-clouds-1": string;
+    "--color-clouds-2": string;
+    "--color-clouds-3": string;
+    "--color-clouds-4": string;
+    "--color-error": string;
+    "--color-success": string;
+};
+export declare const studioLightColors: {
+    "--kos-layer-1-color": string;
+    "--kos-layer-2-color": string;
+    "--kos-layer-3-color": string;
+    "--kos-primary-1": string;
+    "--kos-primary-2": string;
+    "--kos-primary-3": string;
+    "--kos-primary-4": string;
+    "--kos-primary-5": string;
+    "--kos-primary-6": string;
+    "--kos-primary-7": string;
+    "--kos-primary-8": string;
+    "--kos-primary-9": string;
+    "--kos-accent-1": string;
+    "--kos-accent-2": string;
+    "--kos-accent-3": string;
+    "--kos-accent-4": string;
+    "--kos-accent-5": string;
+    "--kos-accent-6": string;
+    "--kos-accent-7": string;
+    "--kos-accent-8": string;
+    "--kos-accent-9": string;
+    "--kos-primary-color": string;
+    "--kos-border-color": string;
+    "--kos-primary-color-hover": string;
+    "--kos-primary-color-active": string;
+    "--kos-primary-color-outline": string;
+    "--kos-background-color": string;
+    "--kos-background-color-hover": string;
+    "--kos-background-color-active": string;
+    "--kos-background-color-outline": string;
+    "--kos-accent-background-color": string;
+    "--kos-accent-typography-color": string;
+    "--kos-typography-color": string;
+    "--kos-typography-color-hover": string;
+    "--kos-typography-color-selected": string;
+    "--kos-app-header-background-color": string;
+    "--kos-app-header-typography-color": string;
+    "--kos-app-sidebar-background-color": string;
+    "--kos-page-header-background-color": string;
+    "--kos-artifact-qualifier-tag-color": string;
+    "--kos-table-header-background-color": string;
+    "--kos-table-header-typography-color": string;
+    "--kos-list-item-header-background-color": string;
+    "--kos-typography-color-link": string;
+    "--kos-typography-color-link-hover": string;
+    "--kos-list-item-color-selected": string;
+    "--kos-list-item-icon-color-selected": string;
+    "--kos-accent-color": string;
+    "--kos-primary-button-color": string;
+    "--kos-primary-button-hover-color": string;
+    "--kos-primary-button-active-color": string;
+    "--kos-primary-button-text-color": string;
+    "--kos-shell-menu-button-hover-color": string;
+};
+export declare const studioDarkColors: {
+    "--kos-layer-1-color": string;
+    "--kos-layer-2-color": string;
+    "--kos-layer-3-color": string;
+    "--kos-primary-1": string;
+    "--kos-primary-2": string;
+    "--kos-primary-3": string;
+    "--kos-primary-4": string;
+    "--kos-primary-5": string;
+    "--kos-primary-6": string;
+    "--kos-primary-7": string;
+    "--kos-primary-8": string;
+    "--kos-primary-9": string;
+    "--kos-accent-1": string;
+    "--kos-accent-2": string;
+    "--kos-accent-3": string;
+    "--kos-accent-4": string;
+    "--kos-accent-5": string;
+    "--kos-accent-6": string;
+    "--kos-accent-7": string;
+    "--kos-accent-8": string;
+    "--kos-accent-9": string;
+    "--kos-primary-color": string;
+    "--kos-border-color": string;
+    "--kos-primary-color-hover": string;
+    "--kos-primary-color-active": string;
+    "--kos-primary-color-outline": string;
+    "--kos-background-color": string;
+    "--kos-background-color-hover": string;
+    "--kos-background-color-active": string;
+    "--kos-background-color-outline": string;
+    "--kos-accent-background-color": string;
+    "--kos-accent-typography-color": string;
+    "--kos-typography-color": string;
+    "--kos-typography-color-hover": string;
+    "--kos-typography-color-selected": string;
+    "--kos-app-header-background-color": string;
+    "--kos-app-header-typography-color": string;
+    "--kos-app-sidebar-background-color": string;
+    "--kos-page-header-background-color": string;
+    "--kos-artifact-qualifier-tag-color": string;
+    "--kos-table-header-background-color": string;
+    "--kos-table-header-typography-color": string;
+    "--kos-list-item-header-background-color": string;
+    "--kos-typography-color-link": string;
+    "--kos-typography-color-link-hover": string;
+    "--kos-list-item-color-selected": string;
+    "--kos-list-item-icon-color-selected": string;
+    "--kos-accent-color": string;
+    "--kos-primary-button-color": string;
+    "--kos-primary-button-hover-color": string;
+    "--kos-primary-button-active-color": string;
+    "--kos-primary-button-text-color": string;
+};
+/**
+ * Sourced from: https://www.figma.com/file/yjvuochvmg1GQXWBtXjqu5/kOS-Studio?type=design&node-id=1956-14370&mode=dev
+ */
+export declare const studioGenericColor: {
+    "--kos-generic-color-black": string;
+    "--kos-generic-color-blue-additional-1": string;
+    "--kos-generic-color-blue-additional-2": string;
+    "--kos-generic-color-blue-additional-3": string;
+    "--kos-generic-color-blue-primary": string;
+    "--kos-generic-color-grey-10": string;
+    "--kos-generic-color-grey-15": string;
+    "--kos-generic-color-grey-20": string;
+    "--kos-generic-color-grey-30": string;
+    "--kos-generic-color-grey-40": string;
+    "--kos-generic-color-grey-50": string;
+    "--kos-generic-color-grey-60": string;
+    "--kos-generic-color-grey-70": string;
+    "--kos-generic-color-grey-80": string;
+    "--kos-generic-color-white": string;
+    "--kos-generic-table-header": string;
+    "--kos-system-orange": string;
+    "--kos-system-green": string;
+};
+//# sourceMappingURL=color.d.ts.map

package/styles/__deprecated__/old-styles/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-styles/color.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJxB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0D7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyD5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;CAmB9B,CAAC"}

package/styles/__deprecated__/old-styles/component.d.ts

@@ -0,0 +1,101 @@
+export declare const studioComponentTokens: {
+    "--kos-connection-manager-heading-font-family": string;
+    "--kos-connection-manager-heading-font-size": string;
+    "--kos-connection-manager-heading-font-style": string;
+    "--kos-connection-manager-heading-font-weight": string;
+    "--kos-connection-manager-heading-line-height": string;
+    "--kos-connection-manager-item-heading-font-family": string;
+    "--kos-connection-manager-item-heading-font-size": string;
+    "--kos-connection-manager-item-heading-font-style": string;
+    "--kos-connection-manager-item-heading-font-weight": string;
+    "--kos-connection-manager-item-heading-line-height": string;
+    "--kos-connection-manager-image-name-font-family": string;
+    "--kos-connection-manager-image-name-font-size": string;
+    "--kos-connection-manager-image-name-font-style": string;
+    "--kos-connection-manager-image-name-font-weight": string;
+    "--kos-connection-manager-image-name-line-height": string;
+    "--kos-connection-manager-view-name-font-family": string;
+    "--kos-connection-manager-view-name-font-size": string;
+    "--kos-connection-manager-view-name-font-style": string;
+    "--kos-connection-manager-view-name-font-weight": string;
+    "--kos-connection-manager-view-name-line-height": string;
+    "--kos-connection-manager-status-label-font-family": string;
+    "--kos-connection-manager-status-label-font-size": string;
+    "--kos-connection-manager-status-label-font-style": string;
+    "--kos-connection-manager-status-label-font-weight": string;
+    "--kos-connection-manager-status-label-line-height": string;
+    "--kos-connection-manager-status-text-font-family": string;
+    "--kos-connection-manager-status-text-font-size": string;
+    "--kos-connection-manager-status-text-font-style": string;
+    "--kos-connection-manager-status-text-font-weight": string;
+    "--kos-connection-manager-status-text-line-height": string;
+    "--kos-connection-manager-active-tools-heading-font-family": string;
+    "--kos-connection-manager-active-tools-heading-font-size": string;
+    "--kos-connection-manager-active-tools-heading-font-style": string;
+    "--kos-connection-manager-active-tools-heading-font-weight": string;
+    "--kos-connection-manager-active-tools-heading-line-height": string;
+    "--kos-connection-manager-active-tools-item-font-family": string;
+    "--kos-connection-manager-active-tools-item-font-size": string;
+    "--kos-connection-manager-active-tools-item-font-style": string;
+    "--kos-connection-manager-active-tools-item-font-weight": string;
+    "--kos-connection-manager-active-tools-item-line-height": string;
+    "--kos-connection-manager-start-new-tool-font-family": string;
+    "--kos-connection-manager-start-new-tool-font-size": string;
+    "--kos-connection-manager-start-new-tool-font-style": string;
+    "--kos-connection-manager-start-new-tool-font-weight": string;
+    "--kos-connection-manager-start-new-tool-line-height": string;
+    "--kos-connection-manager-input-font-family": string;
+    "--kos-connection-manager-input-font-size": string;
+    "--kos-connection-manager-input-font-style": string;
+    "--kos-connection-manager-input-font-weight": string;
+    "--kos-connection-manager-input-line-height": string;
+    "--kos-connection-manager-icon-small-font-size": string;
+    "--kos-connection-manager-icon-medium-font-size": string;
+    "--kos-connection-manager-icon-busy-color": string;
+    "--kos-connection-manager-icon-error-color": string;
+    "--kos-connection-manager-icon-idle-color": string;
+    "--kos-connection-manager-icon-success-color": string;
+    "--kos-connection-manager-connecting-effect-background-color": string;
+    "--kos-component-button-primary-background-color-default": string;
+    "--kos-component-button-primary-background-color-hover": string;
+    "--kos-component-button-primary-background-color-clicked": string;
+    "--kos-component-button-primary-background-color-disabled": string;
+    "--kos-component-button-primary-border-color-default": string;
+    "--kos-component-button-primary-border-color-hover": string;
+    "--kos-component-button-primary-border-color-clicked": string;
+    "--kos-component-button-primary-border-color-disabled": string;
+    "--kos-component-button-primary-color": string;
+    "--kos-component-button-secondary-background-color": string;
+    "--kos-component-button-secondary-background-color-disabled": string;
+    "--kos-component-button-secondary-border-color-default": string;
+    "--kos-component-button-secondary-border-color-hover": string;
+    "--kos-component-button-secondary-border-color-clicked": string;
+    "--kos-component-button-secondary-border-color-disabled": string;
+    "--kos-component-button-secondary-color-default": string;
+    "--kos-component-button-secondary-color-hover": string;
+    "--kos-component-button-secondary-color-clicked": string;
+    "--kos-component-button-secondary-color-disabled": string;
+    "--kos-component-button-borderless-background-color": string;
+    "--kos-component-button-borderless-border-color": string;
+    "--kos-component-button-borderless-color-default": string;
+    "--kos-component-button-borderless-color-hover": string;
+    "--kos-component-button-borderless-color-clicked": string;
+    "--kos-component-button-borderless-color-disabled": string;
+    "--kos-component-checkbox-default-background-color": string;
+    "--kos-component-checkbox-default-border-color-default": string;
+    "--kos-component-checkbox-default-border-color-hover": string;
+    "--kos-component-checkbox-default-border-color-clicked": string;
+    "--kos-component-checkbox-default-color": string;
+    "--kos-component-checkbox-filled-background-color-default": string;
+    "--kos-component-checkbox-filled-background-color-hover": string;
+    "--kos-component-checkbox-filled-background-color-clicked": string;
+    "--kos-component-checkbox-filled-border-color-default": string;
+    "--kos-component-checkbox-filled-border-color-hover": string;
+    "--kos-component-checkbox-filled-border-color-clicked": string;
+    "--kos-component-checkbox-filled-color": string;
+    "--kos-component-checkbox-disabled-background-color": string;
+    "--kos-component-checkbox-disabled-border-color": string;
+    "--kos-component-checkbox-disabled-color": string;
+    "--kos-simulator-config-details-border": string;
+};
+//# sourceMappingURL=component.d.ts.map

package/styles/__deprecated__/old-styles/component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-styles/component.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+HjC,CAAC"}

package/styles/__deprecated__/old-styles/index.d.ts

@@ -0,0 +1,3 @@
+export * from './app-styles';
+export * from './color';
+//# sourceMappingURL=index.d.ts.map

package/styles/__deprecated__/old-styles/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}

package/styles/__deprecated__/old-styles/spacing.d.ts

@@ -0,0 +1,27 @@
+export declare const studioSize: {
+    "--kos-size-xxxxs": string;
+    "--kos-size-xxxs": string;
+    "--kos-size-xxs": string;
+    "--kos-size-xs": string;
+    "--kos-size-s": string;
+    "--kos-size-m": string;
+    "--kos-size-lg": string;
+    "--kos-size-xl": string;
+    "--kos-size-xxl": string;
+};
+export declare const studioSizing: {
+    "--kos-border-radius-circle": string;
+    "--kos-border-radius-large": string;
+    "--kos-border-radius-medium": string;
+    "--kos-border-radius-small": string;
+    "--kos-border-radius": string;
+    "--kos-spacing-xxxs": string;
+    "--kos-spacing-xxs": string;
+    "--kos-spacing-xs": string;
+    "--kos-spacing-s": string;
+    "--kos-spacing-m": string;
+    "--kos-spacing-lg": string;
+    "--kos-spacing-xlg": string;
+    "--kos-spacing-xxlg": string;
+};
+//# sourceMappingURL=spacing.d.ts.map

package/styles/__deprecated__/old-styles/spacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-styles/spacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;CAUtB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAexB,CAAC"}

package/styles/__deprecated__/old-styles/typography.d.ts

@@ -0,0 +1,43 @@
+export declare const studioTypography: {
+    "--kos-font-family": string;
+    "--kos-line-height-body": string;
+    "--kos-line-height-small": string;
+    "--kos-line-height-body-modal": string;
+    "--kos-line-height-body-bold": string;
+    "--kos-line-height-card-title": string;
+    "--kos-line-height-card-detail": string;
+    "--kos-line-height-heading-small": string;
+    "--kos-line-height-heading-medium": string;
+    "--kos-line-height-heading-large": string;
+    "--kos-font-family-body": string;
+    "--kos-font-family-body-bold": string;
+    "--kos-font-family-card-title": string;
+    "--kos-font-family-card-detail": string;
+    "--kos-font-family-heading-small": string;
+    "--kos-font-family-heading-medium": string;
+    "--kos-font-family-heading-large": string;
+    "--kos-font-size-body-modal": string;
+    "--kos-font-size-body": string;
+    "--kos-font-size-body-bold": string;
+    "--kos-font-size-card-title": string;
+    "--kos-font-size-card-detail": string;
+    "--kos-font-size-heading-small": string;
+    "--kos-font-size-heading-medium": string;
+    "--kos-font-size-heading-large": string;
+    "--kos-font-weight-body": string;
+    "--kos-font-weight-body-bold": string;
+    "--kos-font-weight-card-title": string;
+    "--kos-font-weight-card-detail": string;
+    "--kos-font-weight-heading-small": string;
+    "--kos-font-weight-heading-medium": string;
+    "--kos-font-weight-heading-large": string;
+};
+export declare const studioTypographySmall: {
+    "--kos-font-family": string;
+    "--kos-font-size-body": string;
+    "--kos-font-size-body-bold": string;
+    "--kos-font-size-heading-small": string;
+    "--kos-font-size-heading-medium": string;
+    "--kos-font-size-heading-large": string;
+};
+//# sourceMappingURL=typography.d.ts.map

package/styles/__deprecated__/old-styles/typography.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-styles/typography.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqC5B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;CAQjC,CAAC"}

package/styles/__deprecated__/old-tokens/base/base-component.d.ts

@@ -0,0 +1,3 @@
+export declare const baseComponentStyles: import('@emotion/utils').SerializedStyles;
+export declare const componentStyles: import('@emotion/utils').SerializedStyles[];
+//# sourceMappingURL=base-component.d.ts.map

package/styles/__deprecated__/old-tokens/base/base-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-component.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-tokens/base/base-component.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,mBAAmB,2CAG/B,CAAC;AAEF,eAAO,MAAM,eAAe,6CAM3B,CAAC"}

package/styles/__deprecated__/old-tokens/base/base-generic.d.ts

@@ -0,0 +1,2 @@
+export declare const baseGenericStyles: import('@emotion/utils').SerializedStyles;
+//# sourceMappingURL=base-generic.d.ts.map

package/styles/__deprecated__/old-tokens/base/base-generic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-generic.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-tokens/base/base-generic.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,2CAmG7B,CAAC"}

package/styles/__deprecated__/old-tokens/base/base-semantic.d.ts

@@ -0,0 +1,2 @@
+export declare const baseSemanticStyles: import('@emotion/utils').SerializedStyles;
+//# sourceMappingURL=base-semantic.d.ts.map

package/styles/__deprecated__/old-tokens/base/base-semantic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-semantic.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-tokens/base/base-semantic.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,2CA8P9B,CAAC"}

package/styles/__deprecated__/old-tokens/base/components/button/index.d.ts

@@ -0,0 +1,2 @@
+export declare const baseComponentStyles: import('@emotion/utils').SerializedStyles;
+//# sourceMappingURL=index.d.ts.map

package/styles/__deprecated__/old-tokens/base/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-tokens/base/components/button/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,2CAkE/B,CAAC"}

package/styles/__deprecated__/old-tokens/base/components/kos-list/index.d.ts

@@ -0,0 +1,2 @@
+export declare const baseComponentStyles: import('@emotion/utils').SerializedStyles;
+//# sourceMappingURL=index.d.ts.map

package/styles/__deprecated__/old-tokens/base/components/kos-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-tokens/base/components/kos-list/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,2CAO/B,CAAC"}

package/styles/__deprecated__/old-tokens/base/components/kos-list-item/index.d.ts

@@ -0,0 +1,2 @@
+export declare const baseComponentStyles: import('@emotion/utils').SerializedStyles;
+//# sourceMappingURL=index.d.ts.map

package/styles/__deprecated__/old-tokens/base/components/kos-list-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-tokens/base/components/kos-list-item/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,2CAiC/B,CAAC"}

package/styles/__deprecated__/old-tokens/base/components/kos-viewable-list-item/index.d.ts

@@ -0,0 +1,2 @@
+export declare const baseComponentStyles: import('@emotion/utils').SerializedStyles;
+//# sourceMappingURL=index.d.ts.map

package/styles/__deprecated__/old-tokens/base/components/kos-viewable-list-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-tokens/base/components/kos-viewable-list-item/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,2CAyB/B,CAAC"}

package/styles/__deprecated__/old-tokens/base/index.d.ts

@@ -0,0 +1,4 @@
+export * from './base-component';
+export * from './base-generic';
+export * from './base-semantic';
+//# sourceMappingURL=index.d.ts.map

package/styles/__deprecated__/old-tokens/base/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/libraries/base-ui-components/src/styles/__deprecated__/old-tokens/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}