@plexui/ui 0.7.80 → 0.7.82

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.
@@ -39,30 +39,22 @@
39
39
  list-style: none;
40
40
  padding: 0;
41
41
  overflow: hidden;
42
+ border: 1px solid var(--color-border-primary-outline);
42
43
  border-radius: 26px;
43
- }.FileList, :where([data-theme="light"]) .FileList {
44
- border: 1px solid rgb(0 0 0 / 16%);
45
- }:where([data-theme="dark"]) .FileList {
46
- border: 1px solid rgb(255 255 255 / 16%);
47
44
  }.FileItem {
48
45
  display: flex;
49
46
  align-items: center;
50
47
  gap: 10px;
51
48
  padding: 12px 21px;
52
- }.FileItem + .FileItem, :where([data-theme="light"]) .FileItem + .FileItem {
53
- border-top: 1px solid rgb(0 0 0 / 16%);
54
- }:where([data-theme="dark"]) .FileItem + .FileItem {
55
- border-top: 1px solid rgb(255 255 255 / 16%);
49
+ }.FileItem + .FileItem {
50
+ border-top: 1px solid var(--color-border-primary-outline);
56
51
  }.FileIcon {
57
52
  display: flex;
58
53
  flex-shrink: 0;
59
54
  width: 16px;
60
55
  height: 16px;
61
56
  margin-left: -4px;
62
- }.FileIcon, :where([data-theme="light"]) .FileIcon {
63
- color: #0D0D0D;
64
- }:where([data-theme="dark"]) .FileIcon {
65
- color: #F2F2F2;
57
+ color: var(--input-text-color);
66
58
  }.FileIcon svg {
67
59
  width: 16px;
68
60
  height: 16px;
@@ -78,35 +70,20 @@ color: #F2F2F2;
78
70
  overflow: hidden;
79
71
  text-overflow: ellipsis;
80
72
  white-space: nowrap;
81
- font-family: Inter, sans-serif;
82
73
  font-size: 14px;
83
- font-weight: 400;
84
74
  line-height: 1.4285714286;
85
75
  letter-spacing: -0.01em;
86
- }.FileNameStem, :where([data-theme="light"]) .FileNameStem {
87
- color: #0D0D0D;
88
- }:where([data-theme="dark"]) .FileNameStem {
89
- color: #F2F2F2;
76
+ color: var(--color-text);
90
77
  }.FileNameExt {
91
78
  flex-shrink: 0;
92
- font-family: Inter, sans-serif;
93
79
  font-size: 14px;
94
- font-weight: 400;
95
80
  line-height: 1.4285714286;
96
81
  letter-spacing: -0.01em;
97
- }.FileNameExt, :where([data-theme="light"]) .FileNameExt {
98
- color: #0D0D0D;
99
- }:where([data-theme="dark"]) .FileNameExt {
100
- color: #F2F2F2;
82
+ color: var(--color-text);
101
83
  }.FileSize {
102
- font-family: Inter, sans-serif;
103
84
  font-size: 12px;
104
- font-weight: 400;
105
85
  line-height: 1.5;
106
- }.FileSize, :where([data-theme="light"]) .FileSize {
107
- color: #5D5D5D;
108
- }:where([data-theme="dark"]) .FileSize {
109
- color: #A3A3A3;
86
+ color: var(--color-text-tertiary);
110
87
  }.FileRemove {
111
88
  display: flex;
112
89
  align-items: center;
@@ -116,25 +93,18 @@ color: #A3A3A3;
116
93
  padding: 0;
117
94
  margin: 0 -7px 0 0;
118
95
  border: none;
119
- border-radius: 9999px;
96
+ border-radius: var(--radius-full);
97
+ background-color: var(--color-background-secondary-soft-alpha);
120
98
  cursor: pointer;
121
- transition: background-color 150ms ease;
99
+ color: var(--color-text-secondary-soft);
122
100
  flex-shrink: 0;
123
- }.FileRemove, :where([data-theme="light"]) .FileRemove {
124
- background: rgb(0 0 0 / 8%);
125
- color: #5D5D5D;
126
- }:where([data-theme="dark"]) .FileRemove {
127
- background: rgb(255 255 255 / 12%);
128
- color: #A3A3A3;
129
101
  }.FileRemove svg {
130
102
  width: 15px;
131
103
  height: 15px;
132
- }.FileRemove:hover, :where([data-theme="light"]) .FileRemove:hover {
133
- background: rgb(0 0 0 / 12%);
134
- color: #0D0D0D;
135
- }:where([data-theme="dark"]) .FileRemove:hover {
136
- background: rgb(255 255 255 / 16%);
137
- color: #F2F2F2;
104
+ }.FileRemove:hover {
105
+ background-color: var(--color-background-secondary-soft-alpha-hover);
106
+ }.FileRemove:active {
107
+ background-color: var(--color-background-secondary-soft-alpha-active);
138
108
  }.FileRemove:disabled {
139
109
  pointer-events: none;
140
110
  }.HiddenInput {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plexui/ui",
3
- "version": "0.7.80",
3
+ "version": "0.7.82",
4
4
  "description": "Modern design system for building high-quality applications",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -72,7 +72,8 @@
72
72
  "build:css": "node ./scripts/build-css.mjs",
73
73
  "build:assets": "node -e \"const fs=require('fs'),p=require('path');function c(s,d){fs.readdirSync(s,{withFileTypes:true}).forEach(e=>{const sp=p.join(s,e.name),dp=p.join(d,e.name);if(e.isDirectory()){c(sp,dp)}else if(e.name.endsWith('.d.ts')){fs.mkdirSync(d,{recursive:true});fs.copyFileSync(sp,dp)}})}c('src','dist/types')\"",
74
74
  "build": "npm run build:clean && npm run build:js && npm run build:css && npm run build:assets",
75
- "prepublishOnly": "npm run build"
75
+ "prepublishOnly": "npm run build",
76
+ "postpublish": "npm run build"
76
77
  },
77
78
  "peerDependencies": {
78
79
  "react": "^18.0.0 || ^19.0.0",