@ryanhelsing/ry-ui 1.0.6 → 1.0.8

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 (7) hide show
  1. package/dist/components/ry-combobox.d.ts.map +1 -1
  2. package/dist/css/ry-structure.css +8 -10
  3. package/dist/css/ry-theme.css +7 -9
  4. package/dist/css/ry-ui.css +15 -19
  5. package/dist/ry-ui.js +119 -111
  6. package/dist/ry-ui.js.map +1 -1
  7. package/package.json +1 -1
package/dist/components/ry-combobox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ry-combobox.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-combobox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKlD,qBAAa,UAAW,SAAQ,SAAS;;IAKvC,MAAM,CAAC,kBAAkB,iCAAkC;IAE3D,KAAK,IAAI,IAAI;IAmSb,IAAI,IAAI,IAAI;IAsCZ,KAAK,IAAI,IAAI;IAmBb,MAAM,IAAI,IAAI;IAQd,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAKpB;CACF"}
1
+ {"version":3,"file":"ry-combobox.d.ts","sourceRoot":"","sources":["../../src/ts/components/ry-combobox.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAKlD,qBAAa,UAAW,SAAQ,SAAS;;IAKvC,MAAM,CAAC,kBAAkB,iCAAkC;IAE3D,KAAK,IAAI,IAAI;IAkTb,IAAI,IAAI,IAAI;IAsCZ,KAAK,IAAI,IAAI;IAmBb,MAAM,IAAI,IAAI;IAQd,IAAI,KAAK,IAAI,MAAM,CAElB;IAED,IAAI,KAAK,CAAC,GAAG,EAAE,MAAM,EAKpB;CACF"}
package/dist/css/ry-structure.css CHANGED
@@ -816,22 +816,18 @@ ry-card {
816
816
  display: block;
817
817
  padding: var(--ry-space-6, 1.5rem);
818
818
  container-type: inline-size;
819
- transition: transform var(--ry-duration-fast, 100ms) var(--ry-ease, ease);
820
- }
821
-
822
- ry-card:hover {
823
- transform: translateY(-2px);
824
819
  }
825
820
 
826
- ry-card[interactive] {
821
+ :is(a, [interactive]):is(ry-card) {
827
822
  cursor: pointer;
823
+ transition: transform var(--ry-duration-normal, 200ms) var(--ry-ease, ease);
828
824
  }
829
825
 
830
- ry-card[interactive]:hover {
831
- transform: translateY(-3px);
826
+ :is(a, [interactive]):is(ry-card):hover {
827
+ transform: translateY(-1px);
832
828
  }
833
829
 
834
- ry-card[interactive]:active {
830
+ :is(a, [interactive]):is(ry-card):active {
835
831
  transform: translateY(0);
836
832
  }
837
833
 
@@ -2850,7 +2846,9 @@ ry-combobox [data-ry-target="input"] {
2850
2846
 
2851
2847
  ry-combobox [data-ry-target="arrow"] {
2852
2848
  flex-shrink: 0;
2853
- padding-inline-end: var(--ry-space-2, 0.5rem);
2849
+ display: inline-flex;
2850
+ align-items: center;
2851
+ justify-content: center;
2854
2852
  cursor: pointer;
2855
2853
  transition: transform var(--ry-duration-fast, 100ms) var(--ry-ease, ease);
2856
2854
  }
package/dist/css/ry-theme.css CHANGED
@@ -675,18 +675,16 @@ ry-card {
675
675
  border: var(--ry-border-width) solid var(--ry-color-border);
676
676
  border-radius: var(--ry-radius-lg);
677
677
  box-shadow: var(--ry-shadow-sm);
678
- transition: border-color var(--ry-duration-fast) var(--ry-ease),
679
- box-shadow var(--ry-duration-fast) var(--ry-ease);
680
678
  }
681
679
 
682
- ry-card:hover {
683
- border-color: var(--ry-color-border-strong);
684
- box-shadow: var(--ry-shadow-md);
680
+ :is(a, [interactive]):is(ry-card) {
681
+ transition: border-color var(--ry-duration-normal) var(--ry-ease),
682
+ box-shadow var(--ry-duration-normal) var(--ry-ease);
685
683
  }
686
684
 
687
- ry-card[interactive]:hover {
688
- border-color: var(--ry-color-primary);
689
- box-shadow: var(--ry-shadow-lg);
685
+ :is(a, [interactive]):is(ry-card):hover {
686
+ border-color: var(--ry-color-border-strong);
687
+ box-shadow: var(--ry-shadow-md);
690
688
  }
691
689
 
692
690
  ry-card h3 {
@@ -2263,7 +2261,7 @@ ry-combobox[data-ry-state="open"] .ry-combobox__input-wrapper {
2263
2261
  transition: background-color var(--ry-duration-fast) var(--ry-ease);
2264
2262
  }
2265
2263
 
2266
- .ry-combobox__option:is(:hover, [data-highlighted]) {
2264
+ .ry-combobox__option[data-highlighted] {
2267
2265
  background-color: var(--ry-color-bg-muted);
2268
2266
  }
2269
2267
 
package/dist/css/ry-ui.css CHANGED
@@ -1058,22 +1058,18 @@ ry-card {
1058
1058
  display: block;
1059
1059
  padding: var(--ry-space-6, 1.5rem);
1060
1060
  container-type: inline-size;
1061
- transition: transform var(--ry-duration-fast, 100ms) var(--ry-ease, ease);
1062
- }
1063
-
1064
- ry-card:hover {
1065
- transform: translateY(-2px);
1066
1061
  }
1067
1062
 
1068
- ry-card[interactive] {
1063
+ :is(a, [interactive]):is(ry-card) {
1069
1064
  cursor: pointer;
1065
+ transition: transform var(--ry-duration-normal, 200ms) var(--ry-ease, ease);
1070
1066
  }
1071
1067
 
1072
- ry-card[interactive]:hover {
1073
- transform: translateY(-3px);
1068
+ :is(a, [interactive]):is(ry-card):hover {
1069
+ transform: translateY(-1px);
1074
1070
  }
1075
1071
 
1076
- ry-card[interactive]:active {
1072
+ :is(a, [interactive]):is(ry-card):active {
1077
1073
  transform: translateY(0);
1078
1074
  }
1079
1075
 
@@ -3092,7 +3088,9 @@ ry-combobox [data-ry-target="input"] {
3092
3088
 
3093
3089
  ry-combobox [data-ry-target="arrow"] {
3094
3090
  flex-shrink: 0;
3095
- padding-inline-end: var(--ry-space-2, 0.5rem);
3091
+ display: inline-flex;
3092
+ align-items: center;
3093
+ justify-content: center;
3096
3094
  cursor: pointer;
3097
3095
  transition: transform var(--ry-duration-fast, 100ms) var(--ry-ease, ease);
3098
3096
  }
@@ -3858,18 +3856,16 @@ ry-card {
3858
3856
  border: var(--ry-border-width) solid var(--ry-color-border);
3859
3857
  border-radius: var(--ry-radius-lg);
3860
3858
  box-shadow: var(--ry-shadow-sm);
3861
- transition: border-color var(--ry-duration-fast) var(--ry-ease),
3862
- box-shadow var(--ry-duration-fast) var(--ry-ease);
3863
3859
  }
3864
3860
 
3865
- ry-card:hover {
3866
- border-color: var(--ry-color-border-strong);
3867
- box-shadow: var(--ry-shadow-md);
3861
+ :is(a, [interactive]):is(ry-card) {
3862
+ transition: border-color var(--ry-duration-normal) var(--ry-ease),
3863
+ box-shadow var(--ry-duration-normal) var(--ry-ease);
3868
3864
  }
3869
3865
 
3870
- ry-card[interactive]:hover {
3871
- border-color: var(--ry-color-primary);
3872
- box-shadow: var(--ry-shadow-lg);
3866
+ :is(a, [interactive]):is(ry-card):hover {
3867
+ border-color: var(--ry-color-border-strong);
3868
+ box-shadow: var(--ry-shadow-md);
3873
3869
  }
3874
3870
 
3875
3871
  ry-card h3 {
@@ -5446,7 +5442,7 @@ ry-combobox[data-ry-state="open"] .ry-combobox__input-wrapper {
5446
5442
  transition: background-color var(--ry-duration-fast) var(--ry-ease);
5447
5443
  }
5448
5444
 
5449
- .ry-combobox__option:is(:hover, [data-highlighted]) {
5445
+ .ry-combobox__option[data-highlighted] {
5450
5446
  background-color: var(--ry-color-bg-muted);
5451
5447
  }
5452
5448