@konce-pt/styles 0.17.0 → 0.18.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.
Files changed (2) hide show
  1. package/components.css +48 -0
  2. package/package.json +2 -2
package/components.css CHANGED
@@ -2485,6 +2485,9 @@
2485
2485
  .kpt-data-table__table thead tr:nth-child(2) th {
2486
2486
  top: var(--kpt-thead-offset, 0px);
2487
2487
  }
2488
+ .kpt-data-table__table thead tr:nth-child(3) th {
2489
+ top: var(--kpt-thead-offset-2, 0px);
2490
+ }
2488
2491
  .kpt-data-table__table tfoot th,
2489
2492
  .kpt-data-table__table tfoot td {
2490
2493
  position: sticky;
@@ -2846,6 +2849,20 @@
2846
2849
  .kpt-data-table thead tr:nth-child(2) .kpt-data-table__hspacer {
2847
2850
  top: var(--kpt-thead-offset, 0px);
2848
2851
  }
2852
+ .kpt-data-table thead tr:nth-child(3) .kpt-data-table__hspacer {
2853
+ top: var(--kpt-thead-offset-2, 0px);
2854
+ }
2855
+ .kpt-data-table__group {
2856
+ padding-block: var(--kpt-space-2, 0.5rem) !important;
2857
+ text-align: center !important;
2858
+ font-size: var(--kpt-font-size-xs, 0.75rem);
2859
+ letter-spacing: 0.02em;
2860
+ color: var(--kpt-color-on-surface-muted);
2861
+ box-shadow: inset 0 calc(-1 * var(--kpt-border-width-thick, 2px)) 0 var(--kpt-color-border);
2862
+ }
2863
+ .kpt-data-table__group--empty {
2864
+ box-shadow: none;
2865
+ }
2849
2866
  .kpt-data-table tbody tr:last-child td {
2850
2867
  border-bottom: 0;
2851
2868
  }
@@ -4718,6 +4735,27 @@
4718
4735
  opacity: 0.6;
4719
4736
  background-color: var(--kpt-color-surface-variant);
4720
4737
  }
4738
+ .kpt-input-host[data-icon] {
4739
+ position: relative;
4740
+ }
4741
+ .kpt-input-host[data-icon] .kpt-input__field {
4742
+ padding-inline-start: calc(var(--kpt-space-3, 0.75rem) * 2 + 1rem);
4743
+ }
4744
+ .kpt-input__icon {
4745
+ position: absolute;
4746
+ z-index: 1;
4747
+ inset-block: 0;
4748
+ inset-inline-start: var(--kpt-space-3, 0.75rem);
4749
+ display: flex;
4750
+ height: 1rem;
4751
+ margin-block: auto;
4752
+ color: var(--kpt-form-field-placeholder);
4753
+ font-size: 1rem;
4754
+ pointer-events: none;
4755
+ }
4756
+ .kpt-input-host[data-icon]:has(.kpt-input__field:disabled) .kpt-input__icon {
4757
+ opacity: 0.6;
4758
+ }
4721
4759
  .kpt-input-host[data-speech] {
4722
4760
  position: relative;
4723
4761
  }
@@ -9225,6 +9263,16 @@
9225
9263
  opacity: 0.75;
9226
9264
  pointer-events: none;
9227
9265
  }
9266
+ .kpt-chart__cat-tick {
9267
+ r: 2px;
9268
+ fill: var(--kpt-color-border-strong);
9269
+ pointer-events: none;
9270
+ transition: r calc(0.15s * var(--kpt-motion-scale, 1)) var(--kpt-chart-ease), fill calc(0.15s * var(--kpt-motion-scale, 1)) var(--kpt-chart-ease);
9271
+ }
9272
+ .kpt-chart__cat-tick--active {
9273
+ r: 3.5px;
9274
+ fill: var(--kpt-color-on-surface);
9275
+ }
9228
9276
  .kpt-chart__cat-active {
9229
9277
  pointer-events: none;
9230
9278
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@konce-pt/styles",
3
- "version": "0.17.0",
3
+ "version": "0.18.1",
4
4
  "description": "Base CSS for Koncept UI - reset, cascade @layer ordering and neutral light/dark theme (SCSS source).",
5
5
  "license": "MIT",
6
6
  "author": "konce.pt",
@@ -52,7 +52,7 @@
52
52
  "src"
53
53
  ],
54
54
  "peerDependencies": {
55
- "@konce-pt/tokens": "0.17.0"
55
+ "@konce-pt/tokens": "0.18.1"
56
56
  },
57
57
  "devDependencies": {
58
58
  "sass": "^1.77.0"