@mekari/pixel3-theme 0.3.0-dev.5 → 0.3.0-dev.6

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 (6) hide show
  1. package/dist/index.js +21 -7
  2. package/dist/index.mjs +21 -7
  3. package/package.json +1 -1
  4. package/src/recipes/divider.ts +2 -2
  5. package/src/recipes/input-tag.ts +21 -4
  6. package/src/recipes/scrollbar.ts +1 -1
package/dist/index.js CHANGED
@@ -3250,6 +3250,7 @@ var inputTagSlotRecipe = (0, import_dev25.defineSlotRecipe)({
3250
3250
  },
3251
3251
  trigger: {
3252
3252
  overflowY: "auto",
3253
+ overflowX: "hidden",
3253
3254
  position: "relative",
3254
3255
  display: "flex",
3255
3256
  alignItems: "center",
@@ -3321,13 +3322,26 @@ var inputTagSlotRecipe = (0, import_dev25.defineSlotRecipe)({
3321
3322
  }
3322
3323
  },
3323
3324
  input: {
3324
- padding: "0 !important",
3325
- margin: "0 !important",
3326
- borderWidth: "0 !important",
3325
+ appearance: "none",
3326
+ outline: "none",
3327
+ transition: "none",
3328
+ width: "full",
3329
+ textStyle: "label.md",
3330
+ color: "dark",
3331
+ _nextTheme: {
3332
+ color: "text.default"
3333
+ },
3327
3334
  _placeholder: {
3328
3335
  color: "gray.400",
3329
3336
  _nextTheme: {
3330
- borderColor: "text.placeholder"
3337
+ color: "text.placeholder"
3338
+ }
3339
+ },
3340
+ _disabled: {
3341
+ cursor: "not-allowed",
3342
+ color: "gray.400",
3343
+ _nextTheme: {
3344
+ color: "text.disabled"
3331
3345
  }
3332
3346
  }
3333
3347
  },
@@ -3409,7 +3423,7 @@ var dividerSlotRecipe = (0, import_dev26.defineSlotRecipe)({
3409
3423
  _before: {
3410
3424
  content: '""',
3411
3425
  flex: 1,
3412
- borderTopWidth: "0.0625rem",
3426
+ borderTopWidth: "1px",
3413
3427
  marginRight: "2",
3414
3428
  borderColor: "gray.100",
3415
3429
  _nextTheme: {
@@ -3419,7 +3433,7 @@ var dividerSlotRecipe = (0, import_dev26.defineSlotRecipe)({
3419
3433
  _after: {
3420
3434
  content: '""',
3421
3435
  flex: 1,
3422
- borderTopWidth: "0.0625rem",
3436
+ borderTopWidth: "1px",
3423
3437
  marginLeft: "2",
3424
3438
  borderColor: "gray.100",
3425
3439
  _nextTheme: {
@@ -6149,7 +6163,7 @@ var skeletonRecipe = (0, import_dev44.defineRecipe)({
6149
6163
  // src/recipes/scrollbar.ts
6150
6164
  var import_dev45 = require("@pandacss/dev");
6151
6165
  var scrollbarRecipe = (0, import_dev45.defineRecipe)({
6152
- className: "skeleton",
6166
+ className: "scrollbar",
6153
6167
  jsx: ["MpScrollbar", "mp-scrollbar"],
6154
6168
  base: {
6155
6169
  "& .os-scrollbar": {
package/dist/index.mjs CHANGED
@@ -3224,6 +3224,7 @@ var inputTagSlotRecipe = defineSlotRecipe14({
3224
3224
  },
3225
3225
  trigger: {
3226
3226
  overflowY: "auto",
3227
+ overflowX: "hidden",
3227
3228
  position: "relative",
3228
3229
  display: "flex",
3229
3230
  alignItems: "center",
@@ -3295,13 +3296,26 @@ var inputTagSlotRecipe = defineSlotRecipe14({
3295
3296
  }
3296
3297
  },
3297
3298
  input: {
3298
- padding: "0 !important",
3299
- margin: "0 !important",
3300
- borderWidth: "0 !important",
3299
+ appearance: "none",
3300
+ outline: "none",
3301
+ transition: "none",
3302
+ width: "full",
3303
+ textStyle: "label.md",
3304
+ color: "dark",
3305
+ _nextTheme: {
3306
+ color: "text.default"
3307
+ },
3301
3308
  _placeholder: {
3302
3309
  color: "gray.400",
3303
3310
  _nextTheme: {
3304
- borderColor: "text.placeholder"
3311
+ color: "text.placeholder"
3312
+ }
3313
+ },
3314
+ _disabled: {
3315
+ cursor: "not-allowed",
3316
+ color: "gray.400",
3317
+ _nextTheme: {
3318
+ color: "text.disabled"
3305
3319
  }
3306
3320
  }
3307
3321
  },
@@ -3383,7 +3397,7 @@ var dividerSlotRecipe = defineSlotRecipe15({
3383
3397
  _before: {
3384
3398
  content: '""',
3385
3399
  flex: 1,
3386
- borderTopWidth: "0.0625rem",
3400
+ borderTopWidth: "1px",
3387
3401
  marginRight: "2",
3388
3402
  borderColor: "gray.100",
3389
3403
  _nextTheme: {
@@ -3393,7 +3407,7 @@ var dividerSlotRecipe = defineSlotRecipe15({
3393
3407
  _after: {
3394
3408
  content: '""',
3395
3409
  flex: 1,
3396
- borderTopWidth: "0.0625rem",
3410
+ borderTopWidth: "1px",
3397
3411
  marginLeft: "2",
3398
3412
  borderColor: "gray.100",
3399
3413
  _nextTheme: {
@@ -6123,7 +6137,7 @@ var skeletonRecipe = defineRecipe15({
6123
6137
  // src/recipes/scrollbar.ts
6124
6138
  import { defineRecipe as defineRecipe16 } from "@pandacss/dev";
6125
6139
  var scrollbarRecipe = defineRecipe16({
6126
- className: "skeleton",
6140
+ className: "scrollbar",
6127
6141
  jsx: ["MpScrollbar", "mp-scrollbar"],
6128
6142
  base: {
6129
6143
  "& .os-scrollbar": {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mekari/pixel3-theme",
3
3
  "description": "Theme for mekari pixel 3",
4
- "version": "0.3.0-dev.5",
4
+ "version": "0.3.0-dev.6",
5
5
  "main": "dist/index.js",
6
6
  "license": "MIT",
7
7
  "files": [
package/src/recipes/divider.ts CHANGED
@@ -25,7 +25,7 @@ const dividerSlotRecipe = defineSlotRecipe({
25
25
  _before: {
26
26
  content: '""',
27
27
  flex: 1,
28
- borderTopWidth: '0.0625rem',
28
+ borderTopWidth: '1px',
29
29
  marginRight: '2',
30
30
  borderColor: 'gray.100',
31
31
  _nextTheme: {
@@ -35,7 +35,7 @@ const dividerSlotRecipe = defineSlotRecipe({
35
35
  _after: {
36
36
  content: '""',
37
37
  flex: 1,
38
- borderTopWidth: '0.0625rem',
38
+ borderTopWidth: '1px',
39
39
  marginLeft: '2',
40
40
  borderColor: 'gray.100',
41
41
  _nextTheme: {
package/src/recipes/input-tag.ts CHANGED
@@ -23,6 +23,7 @@ const inputTagSlotRecipe = defineSlotRecipe({
23
23
  },
24
24
  trigger: {
25
25
  overflowY: 'auto',
26
+ overflowX: 'hidden',
26
27
  position: 'relative',
27
28
  display: 'flex',
28
29
  alignItems: 'center',
@@ -96,13 +97,29 @@ const inputTagSlotRecipe = defineSlotRecipe({
96
97
  }
97
98
  },
98
99
  input: {
99
- padding: '0 !important',
100
- margin: '0 !important',
101
- borderWidth: '0 !important',
100
+ appearance: 'none',
101
+ outline: 'none',
102
+ transition: 'none',
103
+ width: 'full',
104
+ textStyle: 'label.md',
105
+ color: 'dark',
106
+ _nextTheme: {
107
+ color: 'text.default'
108
+ },
109
+
102
110
  _placeholder: {
103
111
  color: 'gray.400',
104
112
  _nextTheme: {
105
- borderColor: 'text.placeholder'
113
+ color: 'text.placeholder'
114
+ }
115
+ },
116
+
117
+ _disabled: {
118
+ cursor: 'not-allowed',
119
+ color: 'gray.400',
120
+
121
+ _nextTheme: {
122
+ color: 'text.disabled'
106
123
  }
107
124
  }
108
125
  },
package/src/recipes/scrollbar.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { defineRecipe } from '@pandacss/dev'
2
2
 
3
3
  const scrollbarRecipe = defineRecipe({
4
- className: 'skeleton',
4
+ className: 'scrollbar',
5
5
  jsx: ['MpScrollbar', 'mp-scrollbar'],
6
6
  base: {
7
7
  '& .os-scrollbar': {