@ws-ui/ui-components 1.0.9 → 1.0.11

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.
Files changed (8) hide show
  1. package/dist/index.cjs +15 -15
  2. package/dist/index.d.ts +16 -28
  3. package/dist/index.js +4242 -4207
  4. package/dist/plugin.cjs +1 -0
  5. package/dist/plugin.d.ts +3 -0
  6. package/dist/plugin.js +399 -0
  7. package/dist/ui-components.css +1 -1
  8. package/package.json +7 -2
package/dist/plugin.cjs ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("tailwindcss/plugin"),t=a(function({addBase:r,addUtilities:e}){r({":root":{"--ws-primary-50":"#f2ddff","--ws-primary-100":"#edd0ff","--ws-primary-300":"#d0acef","--ws-primary-400":"#c190ea","--ws-primary-600":"#935ebf","--ws-primary-800":"#563374","--ws-primary-900":"#381e4f","--ws-primary-950":"#29133c","--ws-positive-50":"#ecf9f2","--ws-positive-100":"#d9f2e6","--ws-positive-300":"#8ed9b3","--ws-positive-400":"#68cd99","--ws-positive-700":"#28734d","--ws-positive-800":"#28734d","--ws-positive-900":"#0d261a","--ws-positive-950":"#07130d","--ws-warning-50":"#fff7e6","--ws-warning-100":"#ffefcc","--ws-warning-300":"#fed066","--ws-warning-400":"#fdc133","--ws-warning-700":"#986a00","--ws-warning-800":"#654700","--ws-warning-900":"#332300","--ws-warning-950":"#191200","--ws-negative-50":"#feeeee","--ws-negative-100":"#fcdcdc","--ws-negative-300":"#f69797","--ws-negative-400":"#f37575","--ws-negative-700":"#9a3232","--ws-negative-800":"#6e2222","--ws-negative-900":"#431212","--ws-negative-950":"#2e0a0a","--ws-grey-300":"#535353","--ws-grey-400":"#484848","--ws-grey-600":"#3f3f3f","--ws-palette-primary-200":"#e0c7f5","--ws-palette-primary-500":"#b174e5","--ws-palette-primary-700":"#75499a","--ws-button-bg":"var(--vscode-button-background, var(--theia-button-background, var(--ws-palette-primary-500)))","--ws-button-fg":"var(--vscode-button-foreground, var(--theia-button-foreground, var(--ws-palette-white)))","--ws-primary-default":"var(--ws-button-bg)","--ws-button-text":"var(--ws-button-fg)","--ws-primary-hover":"var(--vscode-button-hoverBackground, var(--theia-button-hoverBackground, var(--ws-palette-primary-700)))","--ws-primary-light":"var(--vscode-editorInfo-foreground, var(--theia-button-hoverBackground, var(--ws-palette-primary-200)))","--ws-primary-dark":"var(--vscode-editor-lineHighlightBackground, var(--theia-button-hoverBackground, var(--ws-palette-primary-700)))","--ws-primary-200":"var(--ws-primary-light)","--ws-primary-500":"var(--ws-primary-default)","--ws-primary-700":"var(--ws-primary-hover)","--ws-palette-positive-200":"#b3e6cc","--ws-palette-positive-500":"#42c080","--ws-palette-positive-600":"#359a66","--ws-positive-dark":"var(--vscode-gitDecoration-addedResourceForeground, var(--ws-palette-positive-600))","--ws-positive-hover":"var(--ws-positive-dark)","--ws-positive-bg":"var(--ws-palette-positive-100)","--ws-positive-light":"var(--ws-palette-positive-200)","--ws-positive-border":"var(--ws-positive-500)","--ws-positive-text":"var(--ws-positive-500)","--ws-positive-500":"var(--vscode-testing-iconPassed, var(--ws-palette-positive-500))","--ws-positive-200":"var(--ws-positive-light)","--ws-positive-600":"var(--ws-positive-dark)","--ws-palette-warning-200":"#fee099","--ws-palette-warning-500":"#fdb100","--ws-palette-warning-600":"#ca8e00","--ws-warning-hover":"var(--ws-warning-600)","--ws-warning-text":"var(--ws-warning-500)","--ws-warning-border":"var(--ws-warning-500)","--ws-warning-500":"var(--vscode-list-warningForeground, var(--ws-palette-warning-500))","--ws-warning-bg":"var(--vscode-inputValidation-warningBackground, var(--ws-palette-warning-500))","--ws-warning-light":"var(--vscode-inputValidation-warningBackground, var(--ws-palette-warning-200))","--ws-warning-dark":"var(--vscode-inputValidation-warningBackground, var(--ws-palette-warning-600))","--ws-warning-200":"var(--ws-warning-light)","--ws-warning-600":"var(--ws-warning-dark)","--ws-palette-negative-200":"#f9baba","--ws-palette-negative-500":"#f05252","--ws-palette-negative-600":"#c54242","--ws-negative-hover":"var(--ws-negative-600)","--ws-negative-text":"var(--ws-negative-500)","--ws-negative-500":"var(--vscode-errorForeground, var(--ws-palette-negative-500))","--ws-negative-light":"var(--vscode-inputValidation-errorBackground, var(--ws-palette-negative-200))","--ws-negative-dark":"var(--vscode-inputValidation-errorBackground, var(--ws-palette-negative-600))","--ws-negative-200":"var(--ws-negative-light)","--ws-negative-600":"var(--ws-negative-dark)","--ws-palette-white":"#ffffff","--ws-palette-grey-50":"#f1f5f9","--ws-palette-grey-100":"#cccccc","--ws-palette-grey-200":"#888888","--ws-palette-grey-300":"#535353","--ws-palette-grey-400":"#484848","--ws-palette-grey-500":"#444444","--ws-palette-grey-600":"#3F3F3F","--ws-palette-grey-700":"#393939","--ws-palette-grey-800":"#383838","--ws-palette-grey-900":"#262626","--ws-palette-grey-950":"#151515","--ws-bg-default":"var(--vscode-editor-background, var(--theia-editor-background, var(--ws-palette-white)))","--ws-bg-foreground":"var(--vscode-editor-foreground, var(--theia-panel-foreground, var(--ws-palette-grey-50)))","--ws-grey-50":"var(--ws-bg-foreground)","--ws-grey-100":"var(--vscode-panel-background, var(--theia-panel-background, var(--ws-palette-grey-100)))","--ws-grey-200":"var(--vscode-editor-background, var(--theia-editor-background, var(--ws-palette-grey-200)))","--ws-grey-950":"var(--vscode-panel-border, var(--theia-border-color, var(--ws-palette-grey-950)))","--ws-grey-500":"var(--vscode-descriptionForeground, var(--ws-palette-grey-500))","--ws-grey-800":"var(--vscode-descriptionForeground, var(--ws-palette-grey-800))","--ws-card-bg":"var(--vscode-editorGroupHeader-tabsBackground, var(--theia-editor-group-header-background, var(--ws-palette-grey-900)))","--ws-card-border":"var(--vscode-editorGroupHeader-tabsBorder, var(--theia-editor-group-header-background, var(--ws-palette-grey-50)))","--ws-palette-input-bg":"var(--ws-palette-grey-300)","--ws-palette-input-border":"var(--ws-palette-grey-300)","--ws-palette-input-text":"var(--ws-palette-grey-50)","--ws-palette-input-placeholder":"var(--ws-palette-grey-200)","--ws-palette-input-focus-border":"var(--ws-palette-grey-50)","--ws-input-bg":"var(--vscode-input-background, var(--theia-input-background, var(--ws-palette-input-bg)))","--ws-input-border":"var(--vscode-input-border, var(--theia-input-border, var(--ws-palette-input-border)))","--ws-input-text":"var(--vscode-input-foreground, var(--theia-input-foreground, var(--ws-palette-input-text)))","--ws-input-placeholder":"var(--vscode-input-placeholderForeground, var(--theia-input-placeholderForeground, var(--ws-palette-input-placeholder)))","--ws-input-focus-border":"var(--vscode-focusBorder, var(--theia-focusBorder, var(--ws-palette-primary-500)))","--ws-select-bg":"var(--vscode-dropdown-background, var(--theia-dropdown-background, var(--ws-input-bg)))","--ws-select-border":"var(--vscode-dropdown-border, var(--theia-dropdown-border, var(--ws-input-border)))","--ws-select-text":"var(--vscode-dropdown-foreground, var(--theia-dropdown-foreground, var(--ws-input-text)))","--ws-select-list-bg":"var(--vscode-dropdown-listBackground, var(--theia-dropdown-listBackground, var(--ws-palette-grey-900)))","--ws-input-option-hover-bg":"var(--vscode-list-hoverBackground, var(--theia-list-hoverBackground, var(--ws-palette-primary-700)))","--ws-input-option-active-bg":"var(--vscode-list-activeSelectionBackground, var(--theia-list-activeSelectionBackground, var(--ws-palette-primary-500)))","--ws-input-option-active-text":"var(--vscode-list-activeSelectionForeground, var(--theia-list-activeSelectionForeground, var(--ws-palette-white)))","--ws-input-error-border":"var(--vscode-inputValidation-errorBorder, var(--theia-inputValidation-errorBorder, var(--ws-palette-negative-500)))","--ws-input-error-bg":"var(--vscode-inputValidation-errorBackground, var(--theia-inputValidation-errorBackground, var(--ws-palette-negative-200)))","--ws-input-warning-border":"var(--vscode-inputValidation-warningBorder, var(--theia-inputValidation-warningBorder, var(--ws-palette-warning-500)))","--ws-input-warning-bg":"var(--vscode-inputValidation-warningBackground, var(--theia-inputValidation-warningBackground, var(--ws-palette-warning-200)))","--ws-input-info-bg":"var(--vscode-panel-background, var(--theia-inputValidation-infoBackground, var(--ws-palette-primary-200)))","--ws-input-message-bg":"var(--vscode-editor-lineHighlightBackground, var(--theia-inputValidation-infoBackground, var(--ws-palette-primary-200)))","--ws-input-message-text":"var(--vscode-editorInfo-foreground, var(--theia-inputValidation-infoForeground, var(--ws-palette-primary-500)))","--ws-inactive-text":"var(--vscode-disabledForeground, var(--theia-disabled-foreground, var(--ws-palette-grey-200)))","--ws-disable-bg":"var(--vscode-button-disabledBackground, var(--theia-button-disabledBackground, var(--ws-palette-grey-300)))","--ws-disable-input":"var(--vscode-button-disabledBackground, var(--theia-button-disabledBackground, var(--ws-palette-grey-200)))","--ws-text-muted":"var(--vscode-descriptionForeground, var(--theia-descriptionForeground, var(--ws-palette-grey-200)))","--ws-panel-0":"var(--vscode-editor-background, var(--theia-editor-background, var(--ws-palette-grey-900)))","--ws-panel-1":"var(--vscode-sideBar-background, var(--theia-sideBar-background, var(--ws-palette-grey-700)))","--ws-panel-2":"var(--vscode-panel-background, var(--theia-panel-background, var(--ws-palette-grey-900)))","--ws-panel-3":"var(--vscode-editorGroupHeader-tabsBackground, var(--theia-editor-group-header-background, var(--ws-palette-grey-900)))","--ws-panel-4":"var(--vscode-editorWidget-background, var(--theia-editorWidget-background, var(--ws-palette-grey-300)))","--ws-panel-5":"var(--vscode-editorWidget-background, var(--theia-editorWidget-background, var(--ws-palette-grey-950)))","--ws-panel-border-subtle":"var(--vscode-panel-border, var(--theia-border-color, var(--ws-palette-grey-100)))","--ws-panel-border-strong":"var(--vscode-contrastBorder, var(--theia-contrastBorder, var(--ws-palette-grey-300)))","--ws-tab-bg-default":"var(--vscode-editorGroupHeader-tabsBackground, var(--ws-palette-grey-900))","--ws-tab-border":"var(--vscode-tab-border, var(--ws-palette-grey-950))","--ws-tab-active-bg":"var(--vscode-tab-activeBackground, var(--ws-palette-grey-800))","--ws-tab-active-fg":"var(--vscode-tab-activeForeground, var(--ws-bg-foreground))","--ws-tab-inactive-bg":"var(--vscode-tab-inactiveBackground, var(--ws-palette-grey-900))","--ws-tab-inactive-fg":"var(--vscode-tab-inactiveForeground, var(--ws-palette-grey-200))","--ws-tab-hover-bg":"var(--vscode-tab-hoverBackground, var(--ws-palette-grey-700))","--ws-panel-header-bg":"var(--vscode-sideBarSectionHeader-background, var(--ws-palette-grey-800))","--ws-panel-header-fg":"var(--vscode-sideBarSectionHeader-foreground, var(--ws-bg-foreground))","--ws-panel-bg":"var(--vscode-panel-background, var(--ws-bg-default))","--ws-panel-border":"var(--vscode-panel-border, var(--ws-palette-grey-950))","--ws-panel-title-active-border":"var(--vscode-panelTitle-activeBorder, var(--ws-palette-primary-500))","--ws-panel-title-active-fg":"var(--vscode-panelTitle-activeForeground, var(--ws-bg-foreground))","--ws-panel-title-inactive-fg":"var(--vscode-panelTitle-inactiveForeground, var(--ws-palette-grey-100))"}}),e({".center-absolute":{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},".outline-xxs":{outlineWidth:"0.1px"},".outline-xs":{outlineWidth:"0.3px"},".outline-s":{outlineWidth:"0.5px"},".divide":{borderWidth:"0.5px"},".border-px":{borderWidth:"1px"}})},{theme:{extend:{colors:{"fd-gray":{lighter:"#eaeaea",light:"#444444",default:"#313131",mild:"#b3b3b3",dark:"#222222",darker:"#151515"},grey:{50:"var(--ws-grey-50)",100:"var(--ws-grey-100)",200:"var(--ws-grey-200)",300:"var(--ws-grey-300)",400:"var(--ws-grey-400)",500:"var(--ws-grey-500)",600:"var(--ws-grey-600)",700:"var(--ws-grey-700)",800:"var(--ws-grey-800)",900:"var(--ws-grey-900)"},primary:{DEFAULT:"var(--ws-primary-default)",50:"var(--ws-primary-50)",100:"var(--ws-primary-100)",200:"var(--ws-primary-200)",300:"var(--ws-primary-300)",400:"var(--ws-primary-400)",500:"var(--ws-primary-500)",600:"var(--ws-primary-600)",700:"var(--ws-primary-700)",800:"var(--ws-primary-800)",900:"var(--ws-primary-900)",950:"var(--ws-primary-950)",hover:"var(--ws-primary-hover)",light:"var(--ws-primary-light)",dark:"var(--ws-primary-dark)"},positive:{DEFAULT:"var(--ws-positive-500)",50:"var(--ws-positive-50)",100:"var(--ws-positive-100)",200:"var(--ws-positive-200)",300:"var(--ws-positive-300)",400:"var(--ws-positive-400)",500:"var(--ws-positive-500)",600:"var(--ws-positive-600)",700:"var(--ws-positive-700)",800:"var(--ws-positive-800)",900:"var(--ws-positive-900)",950:"var(--ws-positive-950)",hover:"var(--ws-positive-hover)",text:"var(--ws-positive-text)",bg:"var(--ws-positive-bg)",border:"var(--ws-positive-border)",light:"var(--ws-positive-light)",dark:"var(--ws-positive-dark)"},warning:{DEFAULT:"var(--ws-warning-500)",50:"var(--ws-warning-50)",100:"var(--ws-warning-100)",200:"var(--ws-warning-200)",300:"var(--ws-warning-300)",400:"var(--ws-warning-400)",500:"var(--ws-warning-500)",600:"var(--ws-warning-600)",700:"var(--ws-warning-700)",800:"var(--ws-warning-800)",900:"var(--ws-warning-900)",950:"var(--ws-warning-950)",hover:"var(--ws-warning-hover)",text:"var(--ws-warning-text)",bg:"var(--ws-warning-bg)",border:"var(--ws-warning-border)",light:"var(--ws-warning-light)",dark:"var(--ws-warning-dark)"},negative:{DEFAULT:"var(--ws-negative-500)",50:"var(--ws-negative-50)",100:"var(--ws-negative-100)",200:"var(--ws-negative-200)",300:"var(--ws-negative-300)",400:"var(--ws-negative-400)",500:"var(--ws-negative-500)",600:"var(--ws-negative-600)",700:"var(--ws-negative-700)",800:"var(--ws-negative-800)",900:"var(--ws-negative-900)",950:"var(--ws-negative-950)",hover:"var(--ws-negative-hover)",text:"var(--ws-negative-text)",bg:"var(--ws-negative-bg)",border:"var(--ws-negative-border)",light:"var(--ws-negative-light)",dark:"var(--ws-negative-dark)"},canvas:{default:"var(--ws-bg-default)",foreground:"var(--ws-bg-foreground)",subtle:"var(--ws-grey-100)",dark:"var(--ws-grey-800)"},panel:{DEFAULT:"var(--ws-grey-300)",subtle:"var(--ws-grey-200)",0:"var(--ws-panel-0)",1:"var(--ws-panel-1)",2:"var(--ws-panel-2)",3:"var(--ws-panel-3)",4:"var(--ws-panel-4)",5:"var(--ws-panel-5)","border-subtle":"var(--ws-panel-border-subtle)","border-strong":"var(--ws-panel-border-strong)","header-bg":"var(--ws-panel-header-bg)","header-fg":"var(--ws-panel-header-fg)",bg:"var(--ws-panel-bg)",border:"var(--ws-panel-border)","title-active-border":"var(--ws-panel-title-active-border)","title-active-fg":"var(--ws-panel-title-active-fg)","title-inactive-fg":"var(--ws-panel-title-inactive-fg)"},card:{DEFAULT:"var(--ws-card-bg)",border:"var(--ws-card-border)"},body:{DEFAULT:"var(--ws-bg-foreground)",bg:"var(--ws-bg-default)",light:"var(--ws-grey-100)"},muted:"var(--ws-text-muted)",neutral:"var(--ws-grey-200)",button:{text:"var(--ws-button-fg)",disable:"var(--ws-button-disable-bg)"},input:{bg:"var(--ws-input-bg)",border:"var(--ws-input-border)",text:"var(--ws-input-text)",placeholder:"var(--ws-input-placeholder)","focus-border":"var(--ws-input-focus-border)","option-hover-bg":"var(--ws-input-option-hover-bg)","option-active-bg":"var(--ws-input-option-active-bg)","option-active-text":"var(--ws-input-option-active-text)","error-border":"var(--ws-input-error-border)","error-bg":"var(--ws-input-error-bg)","warning-border":"var(--ws-input-warning-border)","warning-bg":"var(--ws-input-warning-bg)","info-bg":"var(--ws-input-info-bg)","message-bg":"var(--ws-input-message-bg)","message-text":"var(--ws-input-message-text)",disable:"var(--ws-disable-input)"},select:{bg:"var(--ws-select-bg)",border:"var(--ws-select-border)",text:"var(--ws-select-text)","list-bg":"var(--ws-select-list-bg)"},inactive:{text:"var(--ws-inactive-text)"},tab:{"bg-default":"var(--ws-tab-bg-default)",border:"var(--ws-tab-border)","active-bg":"var(--ws-tab-active-bg)","active-fg":"var(--ws-tab-active-fg)","inactive-bg":"var(--ws-tab-inactive-bg)","inactive-fg":"var(--ws-tab-inactive-fg)","hover-bg":"var(--ws-tab-hover-bg)"}},fontFamily:{"open-sans":["Twemoji Country Flags","Poppins","Open Sans","sans-serif"],roboto:["Twemoji Country Flags","Roboto","sans-serif"],poppins:["Twemoji Country Flags","Poppins","sans-serif"]},fontSize:{xxs:"0.55rem",xs:"0.65rem",s:"0.75rem"},cursor:{grab:"grab"},borderRadius:{DEFAULT:"4px"},boxShadow:{toolbar:"0px 3px 6px #00000029"},minHeight:{6:"1.5rem"},height:{"4-5":"1.125rem"}}}});exports.uiComponentsPlugin=t;
package/dist/plugin.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ export declare const uiComponentsPlugin: any;
2
+
3
+ export { }
package/dist/plugin.js ADDED
@@ -0,0 +1,399 @@
1
+ import a from "tailwindcss/plugin";
2
+ const i = a(
3
+ function({ addBase: r, addUtilities: e }) {
4
+ r({
5
+ ":root": {
6
+ // 1. STATIC DIRECT COLORS
7
+ "--ws-primary-50": "#f2ddff",
8
+ "--ws-primary-100": "#edd0ff",
9
+ "--ws-primary-300": "#d0acef",
10
+ "--ws-primary-400": "#c190ea",
11
+ "--ws-primary-600": "#935ebf",
12
+ "--ws-primary-800": "#563374",
13
+ "--ws-primary-900": "#381e4f",
14
+ "--ws-primary-950": "#29133c",
15
+ "--ws-positive-50": "#ecf9f2",
16
+ "--ws-positive-100": "#d9f2e6",
17
+ "--ws-positive-300": "#8ed9b3",
18
+ "--ws-positive-400": "#68cd99",
19
+ "--ws-positive-700": "#28734d",
20
+ "--ws-positive-800": "#28734d",
21
+ "--ws-positive-900": "#0d261a",
22
+ "--ws-positive-950": "#07130d",
23
+ "--ws-warning-50": "#fff7e6",
24
+ "--ws-warning-100": "#ffefcc",
25
+ "--ws-warning-300": "#fed066",
26
+ "--ws-warning-400": "#fdc133",
27
+ "--ws-warning-700": "#986a00",
28
+ "--ws-warning-800": "#654700",
29
+ "--ws-warning-900": "#332300",
30
+ "--ws-warning-950": "#191200",
31
+ "--ws-negative-50": "#feeeee",
32
+ "--ws-negative-100": "#fcdcdc",
33
+ "--ws-negative-300": "#f69797",
34
+ "--ws-negative-400": "#f37575",
35
+ "--ws-negative-700": "#9a3232",
36
+ "--ws-negative-800": "#6e2222",
37
+ "--ws-negative-900": "#431212",
38
+ "--ws-negative-950": "#2e0a0a",
39
+ "--ws-grey-300": "#535353",
40
+ "--ws-grey-400": "#484848",
41
+ "--ws-grey-600": "#3f3f3f",
42
+ // 2. PALETTE & ADAPTIVE VARIABLES
43
+ "--ws-palette-primary-200": "#e0c7f5",
44
+ "--ws-palette-primary-500": "#b174e5",
45
+ "--ws-palette-primary-700": "#75499a",
46
+ "--ws-button-bg": "var(--vscode-button-background, var(--theia-button-background, var(--ws-palette-primary-500)))",
47
+ "--ws-button-fg": "var(--vscode-button-foreground, var(--theia-button-foreground, var(--ws-palette-white)))",
48
+ "--ws-primary-default": "var(--ws-button-bg)",
49
+ "--ws-button-text": "var(--ws-button-fg)",
50
+ "--ws-primary-hover": "var(--vscode-button-hoverBackground, var(--theia-button-hoverBackground, var(--ws-palette-primary-700)))",
51
+ "--ws-primary-light": "var(--vscode-editorInfo-foreground, var(--theia-button-hoverBackground, var(--ws-palette-primary-200)))",
52
+ "--ws-primary-dark": "var(--vscode-editor-lineHighlightBackground, var(--theia-button-hoverBackground, var(--ws-palette-primary-700)))",
53
+ "--ws-primary-200": "var(--ws-primary-light)",
54
+ "--ws-primary-500": "var(--ws-primary-default)",
55
+ "--ws-primary-700": "var(--ws-primary-hover)",
56
+ "--ws-palette-positive-200": "#b3e6cc",
57
+ "--ws-palette-positive-500": "#42c080",
58
+ "--ws-palette-positive-600": "#359a66",
59
+ "--ws-positive-dark": "var(--vscode-gitDecoration-addedResourceForeground, var(--ws-palette-positive-600))",
60
+ "--ws-positive-hover": "var(--ws-positive-dark)",
61
+ "--ws-positive-bg": "var(--ws-palette-positive-100)",
62
+ "--ws-positive-light": "var(--ws-palette-positive-200)",
63
+ "--ws-positive-border": "var(--ws-positive-500)",
64
+ "--ws-positive-text": "var(--ws-positive-500)",
65
+ "--ws-positive-500": "var(--vscode-testing-iconPassed, var(--ws-palette-positive-500))",
66
+ "--ws-positive-200": "var(--ws-positive-light)",
67
+ "--ws-positive-600": "var(--ws-positive-dark)",
68
+ "--ws-palette-warning-200": "#fee099",
69
+ "--ws-palette-warning-500": "#fdb100",
70
+ "--ws-palette-warning-600": "#ca8e00",
71
+ "--ws-warning-hover": "var(--ws-warning-600)",
72
+ "--ws-warning-text": "var(--ws-warning-500)",
73
+ "--ws-warning-border": "var(--ws-warning-500)",
74
+ "--ws-warning-500": "var(--vscode-list-warningForeground, var(--ws-palette-warning-500))",
75
+ "--ws-warning-bg": "var(--vscode-inputValidation-warningBackground, var(--ws-palette-warning-500))",
76
+ "--ws-warning-light": "var(--vscode-inputValidation-warningBackground, var(--ws-palette-warning-200))",
77
+ "--ws-warning-dark": "var(--vscode-inputValidation-warningBackground, var(--ws-palette-warning-600))",
78
+ "--ws-warning-200": "var(--ws-warning-light)",
79
+ "--ws-warning-600": "var(--ws-warning-dark)",
80
+ "--ws-palette-negative-200": "#f9baba",
81
+ "--ws-palette-negative-500": "#f05252",
82
+ "--ws-palette-negative-600": "#c54242",
83
+ "--ws-negative-hover": "var(--ws-negative-600)",
84
+ "--ws-negative-text": "var(--ws-negative-500)",
85
+ "--ws-negative-500": "var(--vscode-errorForeground, var(--ws-palette-negative-500))",
86
+ "--ws-negative-light": "var(--vscode-inputValidation-errorBackground, var(--ws-palette-negative-200))",
87
+ "--ws-negative-dark": "var(--vscode-inputValidation-errorBackground, var(--ws-palette-negative-600))",
88
+ "--ws-negative-200": "var(--ws-negative-light)",
89
+ "--ws-negative-600": "var(--ws-negative-dark)",
90
+ "--ws-palette-white": "#ffffff",
91
+ "--ws-palette-grey-50": "#f1f5f9",
92
+ "--ws-palette-grey-100": "#cccccc",
93
+ "--ws-palette-grey-200": "#888888",
94
+ "--ws-palette-grey-300": "#535353",
95
+ "--ws-palette-grey-400": "#484848",
96
+ "--ws-palette-grey-500": "#444444",
97
+ "--ws-palette-grey-600": "#3F3F3F",
98
+ "--ws-palette-grey-700": "#393939",
99
+ "--ws-palette-grey-800": "#383838",
100
+ "--ws-palette-grey-900": "#262626",
101
+ "--ws-palette-grey-950": "#151515",
102
+ "--ws-bg-default": "var(--vscode-editor-background, var(--theia-editor-background, var(--ws-palette-white)))",
103
+ "--ws-bg-foreground": "var(--vscode-editor-foreground, var(--theia-panel-foreground, var(--ws-palette-grey-50)))",
104
+ "--ws-grey-50": "var(--ws-bg-foreground)",
105
+ "--ws-grey-100": "var(--vscode-panel-background, var(--theia-panel-background, var(--ws-palette-grey-100)))",
106
+ "--ws-grey-200": "var(--vscode-editor-background, var(--theia-editor-background, var(--ws-palette-grey-200)))",
107
+ "--ws-grey-950": "var(--vscode-panel-border, var(--theia-border-color, var(--ws-palette-grey-950)))",
108
+ "--ws-grey-500": "var(--vscode-descriptionForeground, var(--ws-palette-grey-500))",
109
+ "--ws-grey-800": "var(--vscode-descriptionForeground, var(--ws-palette-grey-800))",
110
+ "--ws-card-bg": "var(--vscode-editorGroupHeader-tabsBackground, var(--theia-editor-group-header-background, var(--ws-palette-grey-900)))",
111
+ "--ws-card-border": "var(--vscode-editorGroupHeader-tabsBorder, var(--theia-editor-group-header-background, var(--ws-palette-grey-50)))",
112
+ // 3. INPUT & SELECT SPECIFIC VARIABLES
113
+ "--ws-palette-input-bg": "var(--ws-palette-grey-300)",
114
+ "--ws-palette-input-border": "var(--ws-palette-grey-300)",
115
+ "--ws-palette-input-text": "var(--ws-palette-grey-50)",
116
+ "--ws-palette-input-placeholder": "var(--ws-palette-grey-200)",
117
+ "--ws-palette-input-focus-border": "var(--ws-palette-grey-50)",
118
+ "--ws-input-bg": "var(--vscode-input-background, var(--theia-input-background, var(--ws-palette-input-bg)))",
119
+ "--ws-input-border": "var(--vscode-input-border, var(--theia-input-border, var(--ws-palette-input-border)))",
120
+ "--ws-input-text": "var(--vscode-input-foreground, var(--theia-input-foreground, var(--ws-palette-input-text)))",
121
+ "--ws-input-placeholder": "var(--vscode-input-placeholderForeground, var(--theia-input-placeholderForeground, var(--ws-palette-input-placeholder)))",
122
+ "--ws-input-focus-border": "var(--vscode-focusBorder, var(--theia-focusBorder, var(--ws-palette-primary-500)))",
123
+ "--ws-select-bg": "var(--vscode-dropdown-background, var(--theia-dropdown-background, var(--ws-input-bg)))",
124
+ "--ws-select-border": "var(--vscode-dropdown-border, var(--theia-dropdown-border, var(--ws-input-border)))",
125
+ "--ws-select-text": "var(--vscode-dropdown-foreground, var(--theia-dropdown-foreground, var(--ws-input-text)))",
126
+ "--ws-select-list-bg": "var(--vscode-dropdown-listBackground, var(--theia-dropdown-listBackground, var(--ws-palette-grey-900)))",
127
+ "--ws-input-option-hover-bg": "var(--vscode-list-hoverBackground, var(--theia-list-hoverBackground, var(--ws-palette-primary-700)))",
128
+ "--ws-input-option-active-bg": "var(--vscode-list-activeSelectionBackground, var(--theia-list-activeSelectionBackground, var(--ws-palette-primary-500)))",
129
+ "--ws-input-option-active-text": "var(--vscode-list-activeSelectionForeground, var(--theia-list-activeSelectionForeground, var(--ws-palette-white)))",
130
+ "--ws-input-error-border": "var(--vscode-inputValidation-errorBorder, var(--theia-inputValidation-errorBorder, var(--ws-palette-negative-500)))",
131
+ "--ws-input-error-bg": "var(--vscode-inputValidation-errorBackground, var(--theia-inputValidation-errorBackground, var(--ws-palette-negative-200)))",
132
+ "--ws-input-warning-border": "var(--vscode-inputValidation-warningBorder, var(--theia-inputValidation-warningBorder, var(--ws-palette-warning-500)))",
133
+ "--ws-input-warning-bg": "var(--vscode-inputValidation-warningBackground, var(--theia-inputValidation-warningBackground, var(--ws-palette-warning-200)))",
134
+ "--ws-input-info-bg": "var(--vscode-panel-background, var(--theia-inputValidation-infoBackground, var(--ws-palette-primary-200)))",
135
+ "--ws-input-message-bg": "var(--vscode-editor-lineHighlightBackground, var(--theia-inputValidation-infoBackground, var(--ws-palette-primary-200)))",
136
+ "--ws-input-message-text": "var(--vscode-editorInfo-foreground, var(--theia-inputValidation-infoForeground, var(--ws-palette-primary-500)))",
137
+ "--ws-inactive-text": "var(--vscode-disabledForeground, var(--theia-disabled-foreground, var(--ws-palette-grey-200)))",
138
+ "--ws-disable-bg": "var(--vscode-button-disabledBackground, var(--theia-button-disabledBackground, var(--ws-palette-grey-300)))",
139
+ "--ws-disable-input": "var(--vscode-button-disabledBackground, var(--theia-button-disabledBackground, var(--ws-palette-grey-200)))",
140
+ "--ws-text-muted": "var(--vscode-descriptionForeground, var(--theia-descriptionForeground, var(--ws-palette-grey-200)))",
141
+ // 4. CONTAINER/PANEL DEPTH VARIABLES
142
+ "--ws-panel-0": "var(--vscode-editor-background, var(--theia-editor-background, var(--ws-palette-grey-900)))",
143
+ "--ws-panel-1": "var(--vscode-sideBar-background, var(--theia-sideBar-background, var(--ws-palette-grey-700)))",
144
+ "--ws-panel-2": "var(--vscode-panel-background, var(--theia-panel-background, var(--ws-palette-grey-900)))",
145
+ "--ws-panel-3": "var(--vscode-editorGroupHeader-tabsBackground, var(--theia-editor-group-header-background, var(--ws-palette-grey-900)))",
146
+ "--ws-panel-4": "var(--vscode-editorWidget-background, var(--theia-editorWidget-background, var(--ws-palette-grey-300)))",
147
+ "--ws-panel-5": "var(--vscode-editorWidget-background, var(--theia-editorWidget-background, var(--ws-palette-grey-950)))",
148
+ "--ws-panel-border-subtle": "var(--vscode-panel-border, var(--theia-border-color, var(--ws-palette-grey-100)))",
149
+ "--ws-panel-border-strong": "var(--vscode-contrastBorder, var(--theia-contrastBorder, var(--ws-palette-grey-300)))",
150
+ // 5. COMPONENTS SPECIFIC VARIABLES
151
+ "--ws-tab-bg-default": "var(--vscode-editorGroupHeader-tabsBackground, var(--ws-palette-grey-900))",
152
+ "--ws-tab-border": "var(--vscode-tab-border, var(--ws-palette-grey-950))",
153
+ "--ws-tab-active-bg": "var(--vscode-tab-activeBackground, var(--ws-palette-grey-800))",
154
+ "--ws-tab-active-fg": "var(--vscode-tab-activeForeground, var(--ws-bg-foreground))",
155
+ "--ws-tab-inactive-bg": "var(--vscode-tab-inactiveBackground, var(--ws-palette-grey-900))",
156
+ "--ws-tab-inactive-fg": "var(--vscode-tab-inactiveForeground, var(--ws-palette-grey-200))",
157
+ "--ws-tab-hover-bg": "var(--vscode-tab-hoverBackground, var(--ws-palette-grey-700))",
158
+ "--ws-panel-header-bg": "var(--vscode-sideBarSectionHeader-background, var(--ws-palette-grey-800))",
159
+ "--ws-panel-header-fg": "var(--vscode-sideBarSectionHeader-foreground, var(--ws-bg-foreground))",
160
+ "--ws-panel-bg": "var(--vscode-panel-background, var(--ws-bg-default))",
161
+ "--ws-panel-border": "var(--vscode-panel-border, var(--ws-palette-grey-950))",
162
+ "--ws-panel-title-active-border": "var(--vscode-panelTitle-activeBorder, var(--ws-palette-primary-500))",
163
+ "--ws-panel-title-active-fg": "var(--vscode-panelTitle-activeForeground, var(--ws-bg-foreground))",
164
+ "--ws-panel-title-inactive-fg": "var(--vscode-panelTitle-inactiveForeground, var(--ws-palette-grey-100))"
165
+ }
166
+ }), e({
167
+ ".center-absolute": {
168
+ position: "absolute",
169
+ top: "50%",
170
+ left: "50%",
171
+ transform: "translate(-50%, -50%)"
172
+ },
173
+ ".outline-xxs": {
174
+ outlineWidth: "0.1px"
175
+ },
176
+ ".outline-xs": {
177
+ outlineWidth: "0.3px"
178
+ },
179
+ ".outline-s": {
180
+ outlineWidth: "0.5px"
181
+ },
182
+ ".divide": {
183
+ borderWidth: "0.5px"
184
+ },
185
+ ".border-px": {
186
+ borderWidth: "1px"
187
+ }
188
+ });
189
+ },
190
+ {
191
+ theme: {
192
+ extend: {
193
+ colors: {
194
+ "fd-gray": {
195
+ lighter: "#eaeaea",
196
+ light: "#444444",
197
+ default: "#313131",
198
+ mild: "#b3b3b3",
199
+ dark: "#222222",
200
+ darker: "#151515"
201
+ },
202
+ grey: {
203
+ 50: "var(--ws-grey-50)",
204
+ 100: "var(--ws-grey-100)",
205
+ 200: "var(--ws-grey-200)",
206
+ 300: "var(--ws-grey-300)",
207
+ 400: "var(--ws-grey-400)",
208
+ 500: "var(--ws-grey-500)",
209
+ 600: "var(--ws-grey-600)",
210
+ 700: "var(--ws-grey-700)",
211
+ 800: "var(--ws-grey-800)",
212
+ 900: "var(--ws-grey-900)"
213
+ },
214
+ primary: {
215
+ DEFAULT: "var(--ws-primary-default)",
216
+ 50: "var(--ws-primary-50)",
217
+ 100: "var(--ws-primary-100)",
218
+ 200: "var(--ws-primary-200)",
219
+ 300: "var(--ws-primary-300)",
220
+ 400: "var(--ws-primary-400)",
221
+ 500: "var(--ws-primary-500)",
222
+ 600: "var(--ws-primary-600)",
223
+ 700: "var(--ws-primary-700)",
224
+ 800: "var(--ws-primary-800)",
225
+ 900: "var(--ws-primary-900)",
226
+ 950: "var(--ws-primary-950)",
227
+ hover: "var(--ws-primary-hover)",
228
+ light: "var(--ws-primary-light)",
229
+ dark: "var(--ws-primary-dark)"
230
+ },
231
+ positive: {
232
+ DEFAULT: "var(--ws-positive-500)",
233
+ 50: "var(--ws-positive-50)",
234
+ 100: "var(--ws-positive-100)",
235
+ 200: "var(--ws-positive-200)",
236
+ 300: "var(--ws-positive-300)",
237
+ 400: "var(--ws-positive-400)",
238
+ 500: "var(--ws-positive-500)",
239
+ 600: "var(--ws-positive-600)",
240
+ 700: "var(--ws-positive-700)",
241
+ 800: "var(--ws-positive-800)",
242
+ 900: "var(--ws-positive-900)",
243
+ 950: "var(--ws-positive-950)",
244
+ hover: "var(--ws-positive-hover)",
245
+ text: "var(--ws-positive-text)",
246
+ bg: "var(--ws-positive-bg)",
247
+ border: "var(--ws-positive-border)",
248
+ light: "var(--ws-positive-light)",
249
+ dark: "var(--ws-positive-dark)"
250
+ },
251
+ warning: {
252
+ DEFAULT: "var(--ws-warning-500)",
253
+ 50: "var(--ws-warning-50)",
254
+ 100: "var(--ws-warning-100)",
255
+ 200: "var(--ws-warning-200)",
256
+ 300: "var(--ws-warning-300)",
257
+ 400: "var(--ws-warning-400)",
258
+ 500: "var(--ws-warning-500)",
259
+ 600: "var(--ws-warning-600)",
260
+ 700: "var(--ws-warning-700)",
261
+ 800: "var(--ws-warning-800)",
262
+ 900: "var(--ws-warning-900)",
263
+ 950: "var(--ws-warning-950)",
264
+ hover: "var(--ws-warning-hover)",
265
+ text: "var(--ws-warning-text)",
266
+ bg: "var(--ws-warning-bg)",
267
+ border: "var(--ws-warning-border)",
268
+ light: "var(--ws-warning-light)",
269
+ dark: "var(--ws-warning-dark)"
270
+ },
271
+ negative: {
272
+ DEFAULT: "var(--ws-negative-500)",
273
+ 50: "var(--ws-negative-50)",
274
+ 100: "var(--ws-negative-100)",
275
+ 200: "var(--ws-negative-200)",
276
+ 300: "var(--ws-negative-300)",
277
+ 400: "var(--ws-negative-400)",
278
+ 500: "var(--ws-negative-500)",
279
+ 600: "var(--ws-negative-600)",
280
+ 700: "var(--ws-negative-700)",
281
+ 800: "var(--ws-negative-800)",
282
+ 900: "var(--ws-negative-900)",
283
+ 950: "var(--ws-negative-950)",
284
+ hover: "var(--ws-negative-hover)",
285
+ text: "var(--ws-negative-text)",
286
+ bg: "var(--ws-negative-bg)",
287
+ border: "var(--ws-negative-border)",
288
+ light: "var(--ws-negative-light)",
289
+ dark: "var(--ws-negative-dark)"
290
+ },
291
+ canvas: {
292
+ default: "var(--ws-bg-default)",
293
+ foreground: "var(--ws-bg-foreground)",
294
+ subtle: "var(--ws-grey-100)",
295
+ dark: "var(--ws-grey-800)"
296
+ },
297
+ panel: {
298
+ DEFAULT: "var(--ws-grey-300)",
299
+ subtle: "var(--ws-grey-200)",
300
+ 0: "var(--ws-panel-0)",
301
+ 1: "var(--ws-panel-1)",
302
+ 2: "var(--ws-panel-2)",
303
+ 3: "var(--ws-panel-3)",
304
+ 4: "var(--ws-panel-4)",
305
+ 5: "var(--ws-panel-5)",
306
+ "border-subtle": "var(--ws-panel-border-subtle)",
307
+ "border-strong": "var(--ws-panel-border-strong)",
308
+ "header-bg": "var(--ws-panel-header-bg)",
309
+ "header-fg": "var(--ws-panel-header-fg)",
310
+ bg: "var(--ws-panel-bg)",
311
+ border: "var(--ws-panel-border)",
312
+ "title-active-border": "var(--ws-panel-title-active-border)",
313
+ "title-active-fg": "var(--ws-panel-title-active-fg)",
314
+ "title-inactive-fg": "var(--ws-panel-title-inactive-fg)"
315
+ },
316
+ card: {
317
+ DEFAULT: "var(--ws-card-bg)",
318
+ border: "var(--ws-card-border)"
319
+ },
320
+ body: {
321
+ DEFAULT: "var(--ws-bg-foreground)",
322
+ bg: "var(--ws-bg-default)",
323
+ light: "var(--ws-grey-100)"
324
+ },
325
+ muted: "var(--ws-text-muted)",
326
+ neutral: "var(--ws-grey-200)",
327
+ button: {
328
+ text: "var(--ws-button-fg)",
329
+ disable: "var(--ws-button-disable-bg)"
330
+ },
331
+ input: {
332
+ bg: "var(--ws-input-bg)",
333
+ border: "var(--ws-input-border)",
334
+ text: "var(--ws-input-text)",
335
+ placeholder: "var(--ws-input-placeholder)",
336
+ "focus-border": "var(--ws-input-focus-border)",
337
+ "option-hover-bg": "var(--ws-input-option-hover-bg)",
338
+ "option-active-bg": "var(--ws-input-option-active-bg)",
339
+ "option-active-text": "var(--ws-input-option-active-text)",
340
+ "error-border": "var(--ws-input-error-border)",
341
+ "error-bg": "var(--ws-input-error-bg)",
342
+ "warning-border": "var(--ws-input-warning-border)",
343
+ "warning-bg": "var(--ws-input-warning-bg)",
344
+ "info-bg": "var(--ws-input-info-bg)",
345
+ "message-bg": "var(--ws-input-message-bg)",
346
+ "message-text": "var(--ws-input-message-text)",
347
+ disable: "var(--ws-disable-input)"
348
+ },
349
+ select: {
350
+ bg: "var(--ws-select-bg)",
351
+ border: "var(--ws-select-border)",
352
+ text: "var(--ws-select-text)",
353
+ "list-bg": "var(--ws-select-list-bg)"
354
+ },
355
+ inactive: {
356
+ text: "var(--ws-inactive-text)"
357
+ },
358
+ tab: {
359
+ "bg-default": "var(--ws-tab-bg-default)",
360
+ border: "var(--ws-tab-border)",
361
+ "active-bg": "var(--ws-tab-active-bg)",
362
+ "active-fg": "var(--ws-tab-active-fg)",
363
+ "inactive-bg": "var(--ws-tab-inactive-bg)",
364
+ "inactive-fg": "var(--ws-tab-inactive-fg)",
365
+ "hover-bg": "var(--ws-tab-hover-bg)"
366
+ }
367
+ },
368
+ fontFamily: {
369
+ "open-sans": ["Twemoji Country Flags", "Poppins", "Open Sans", "sans-serif"],
370
+ roboto: ["Twemoji Country Flags", "Roboto", "sans-serif"],
371
+ poppins: ["Twemoji Country Flags", "Poppins", "sans-serif"]
372
+ },
373
+ fontSize: {
374
+ xxs: "0.55rem",
375
+ xs: "0.65rem",
376
+ s: "0.75rem"
377
+ },
378
+ cursor: {
379
+ grab: "grab"
380
+ },
381
+ borderRadius: {
382
+ DEFAULT: "4px"
383
+ },
384
+ boxShadow: {
385
+ toolbar: "0px 3px 6px #00000029"
386
+ },
387
+ minHeight: {
388
+ 6: "1.5rem"
389
+ },
390
+ height: {
391
+ "4-5": "1.125rem"
392
+ }
393
+ }
394
+ }
395
+ }
396
+ );
397
+ export {
398
+ i as uiComponentsPlugin
399
+ };